
body {font-size:12px;}
#dj-header-wrap {
    min-width: 960px;
    height: 51px;
    border-top: 3px solid #785644;
    border-bottom: 1px solid #ddd;
    background-color: #f7f7f7;
    position: relative;
    z-index: 999;
}
/*
#header {
    width: 960px;
    height: 51px;
    margin: 0 auto;
    zoom: 1;
}

#header:after {
    content: '.';
    height: 0;
    clear: both;
    visibility: hidden;
    display: block;
}

#header #logo {
    width: 115px;
    height: 33px;
    margin: 13px 34px 5px 0;
    float: left;
}
*/
#dj-header-wrap .dj-top-section {
    margin-left: 149px;
}

#dj-header-wrap .dj-nav-g {
    width: 570px;
    float: left;
}

.dj-nav-g li.current, .dj-nav-g li.current a, .dj-nav-g li.on, .dj-nav-g .dj-nav-list li a:hover, .dj-nav-g li.on a, .dj-top-section .arrow-ud, .dj-user-activity .message-tips .icon-g, .dj-user-activity .message-tips .tips-g, .dj-nav-g li .beta, .dj-top-section .dj-top-separate, .dj-user-activity .message-tips {
    background: url(../images/nav_sprite.png) no-repeat 0 0;
}

.dj-top-section a .arrow-ud {
    width: 7px;
    height: 4px;
    margin-left: 3px;
    *margin-top: 2px;
    vertical-align: middle;
    background-position: -141px -10px;
    display: inline-block;
    overflow: hidden;
}

.dj-top-section a:hover .arrow-ud, .dj-top-section .on .arrow-ud {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.dj-nav-g li {
    height: 51px;
    padding: 0;
    margin-right: 1px;
    float: left;
    position: relative;
}

.dj-nav-g li .beta {
    width: 16px;
    height: 5px;
    text-indent: -9999px;
    background-position: 100% 0;
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
}

.dj-nav-g li.on, .dj-nav-g li.current {
    background-position: 0 -24px;
}

.dj-nav-g li.on a, .dj-nav-g li.current a {
    background-position: 100% -24px;
}

.dj-nav-g li a {
    font: 16px "Microsoft YaHei", tahoma, simsun;
    height: 21px;
    padding: 17px 17px 13px 16px;
    _padding: 14px 17px 14px 16px;
    display: inline-block;
    position: relative;
}

.dj-nav-g li a, .dj-nav-g li a:hover, .dj-top-section .nav-select li a, .dj-top-section .nav-select li a:hover {
    color: #333;
    text-decoration: none;
}

.dj-nav-g .dj-nav-list li a:hover {
    background-position: 50% -24px;
}

.dj-nav-g li.has-more a {
    padding-right: 10px;
}

.dj-top-section .nav-select {
    width: 132px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 1px 1px 3px 3px;
    background-color: #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 51px;
    zoom: 1;
    display: none;
}

.dj-top-section .on .nav-select, .dj-nav-g li:hover .nav-select, .dj-top-section .dj-user-info:hover .nav-select, .dj-user-activity:hover .nav-select {
    display: block;
}

.dj-top-section .outer .nav-select {
    display: none;
}

.dj-top-section .nav-select li {
    height: 28px;
    padding: 0;
    background: none;
    clear: left;
    float: none;
    position: relative;
}

.dj-top-section .nav-select li.first {
    margin-top: 4px;
}

.dj-top-section .nav-select li.last {
    margin-bottom: 10px;
}

.dj-top-section .nav-select li.has-separate {
    border-top: 1px solid #ddd;
}

.dj-top-section .nav-select li a:hover {
    background: #f2f0ee;
}

.dj-top-section .nav-select li a, .dj-top-section .nav-select li span {
    font: 12px tahoma, simsun;
    height: 16px;
    line-height: 16px;
    padding: 6px 19px;
    background: none;
    display: block;
}

.dj-uinfo-action {
    padding-top: 8px;
    float: right;
    position: relative;
}

.dj-uinfo-action .dj-user-info {
    float: left;
    position: relative;
}

.dj-user-info .uinfo-inner {
    height: 24px;
    padding: 8px 10px 10px 12px;
    position: relative;
    float: left;
    z-index: 101;
}

.dj-user-info .user-avatar {
    height: 24px;
    float: left;
}

.dj-user-info .user-avatar a {
    vertical-align: middle;
    display: inline-block;
}

.dj-user-info .user-avatar img {
    width: 22px;
    height: 22px;
    margin-right: 6px;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
}

.dj-user-info .user-avatar .uname {
    max-width: 120px;
    width: auto !important;
    *width: 36px;
    min-width: 36px;
    height: 16px;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

.dj-top-section .dj-uinfo-action .nav-select li.has-separate {
    border-top: 0;
    padding-top: 1px;
    background: url(../images/chrome/dot-line.gif) repeat-x 0 0;
}

.dj-uinfo-action .login-pls a, .dj-uinfo-action .login-pls a:hover, .dj-user-info .user-avatar a, .dj-user-info .user-avatar a:hover {
    color: #1655a4;
    text-decoration: none;
}

.dj-uinfo-action .dj-user-info .on, .dj-top-section .dj-user-info:hover .uinfo-inner {
    width: auto;
    padding: 7px 9px 10px 11px;
}

.dj-top-section .dj-uinfo-action .on .message-tips, .dj-top-section .dj-user-info:hover .uinfo-inner, .dj-top-section .dj-user-info .on, .dj-user-activity:hover .message-tips {
    border: 1px solid #999;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.dj-top-section .dj-user-info .nav-select, .dj-top-section .dj-user-activity .nav-select {
    width: 102px;
    *width: 101px;
    padding-top: 0;
    border-top: 0;
    border-color: #999;
    left: -1px;
    top: 40px;
}

.dj-top-section .on .iframe-mask {
    padding: 1px 2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    left: -1px;
    top: 50px;
    z-index: -1;
}

.dj-top-section .dj-uinfo-action .on .iframe-mask {
    left: -1px;
    top: 40px;
}

.dj-top-section .dj-uinfo-action .on .iframe-mask {
    left: -78px;
    top: 40px;
}

.dj-top-section .dj-uinfo-action .dj-user-info .on .iframe-mask {
    left: -3px;
    top: 40px;
}

.dj-top-section .dj-uinfo-action .login-pls {
    text-align: right;
    padding-top: 6px;
}

.dj-top-section .dj-uinfo-action .login-pls a {
    vertical-align: middle;
}

.dj-top-section .dj-top-separate {
    width: 1px;
    height: 24px;
    margin: 0 10px;
    vertical-align: middle;
    display: inline-block;
    background-position: 0 0;
}

.dj-user-activity {
    float: left;
    position: relative;
    zoom: 1;
}

.dj-user-activity .message-tips {
    width: 52px;
    height: 24px;
    padding: 11px 1px 0 1px;
    background-position: 0 8px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}

.dj-user-activity .message-tips .inner {
    width: 26px;
    padding: 0 14px 11px;
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 101;
}

.on .message-tips, .dj-user-activity:hover .message-tips {
    padding: 10px 0 1px;
}

.on .message-tips .inner, .dj-user-activity:hover .message-tips .inner {
    padding: 0 13px 9px;
    background: #fff;
}

.dj-user-activity .message-tips .icon-g {
    width: 24px;
    height: 18px;
    display: inline-block;
    background-position: -63px -3px;
    cursor: pointer;
}

.on .message-tips .icon-g, .dj-user-activity .message-tips a:hover .icon-g, .dj-user-activity .has-tips .icon-g {
    background-position: -88px -3px;
}

.dj-user-activity .message-tips .tips-g {
    color: #fff;
    font-weight: 800;
    text-align: center;
    width: 24px;
    height: 23px;
    line-height: 20px;
    display: inline-block;
    background-position: -113px 0;
    display: none;
    position: absolute;
    left: 32px;
    top: -10px;
}

.on .message-tips .tips-g, .dj-user-activity:hover .message-tips .tips-g {
    left: 31px;
    top: -10px;
}

.dj-user-activity .has-tips .tips-g {
    display: block;
    cursor: pointer;
}

.dj-user-activity .has-tips a, .dj-user-activity .has-tips a:hover {
    color: #333;
    text-decoration: none;
    display: inline-block;
}

.dj-top-section .dj-user-activity .nav-select {
    width: 129px;
    padding-top: 4px;
    border-top: 1px solid #999;
    border-radius: 3px 0 3px 3px;
    left: -77px;
    top: 36px;
    z-index: 99;
}

.dj-user-activity .activity-stuff a b {
    position: absolute;
    right: 10px;
    top: 6px;
}

.dj-user-activity .activity-stuff a b, .dj-user-activity .activity-stuff a:hover b {
    color: #f60;
    text-decoration: none;
    display: inline-block;
    margin-left: 25px;
}

.nav2-box {
    position: relative;
    width: 960px;
    border-bottom: 1px solid #aaa;
    height: 37px;
}

.nav2-box .new-job {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

.nav2-box .icon16 {
    margin-right: 9px;
}

.nav2 {
    height: 38px;
    padding-left: 0;
    border: none;
    margin-bottom: -1px;
    position: absolute;
}

.nav2 li {
    float: left;
    padding-right: 5px;
    width: 110px;
}

.nav2 li a {
    display: block;
    height: 38px;
    padding-left: 4px;
    background-image: url(../images/nav2-tab.png);
    background-position: 0 -62px;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    overflow: hidden;
}

.nav2 li a:hover {
    text-decoration: none;
    color: #333;
}

.nav2 li a span {
    display: block;
    height: 38px;
    background-image: url(../images/nav2-tab.png);
    background-position: right -62px;
    cursor: pointer;
    line-height: 42px;
    overflow: hidden;
    padding-right: 4px;
}

.nav2 li.selected a {
    color: #333;
    font-weight: normal;
    background-position: 0 0;
}

.nav2 li.selected a span {
    background-position: right 0;
}

.nav2 li a:hover {
    background-position: left -112px;
}

.nav2 li a:hover span {
    background-position: right -112px;
}

.nav2 li.selected a:hover {
    background-position: 0 0;
}

.nav2 li.selected a:hover span {
    background-position: right 0;
}
/****************************
#footer {
    border-top: 1px solid #E0E0E0;
    padding: 10px 0;
    text-align: left;
    background: #f9f9f9;
    color: #999;
}
*/
#footer a {
    color: #666;
}

#footer span {
    color: #c8c8c8;
}

#footer address {
    width: 960px;
    margin: auto;
}

#dj-header-wrap.dj-top-micro {
    height: 31px;
}

.dj-top-micro #header {
    height: 31px;
}

.dj-top-micro #header #logo {
    margin: 4px 34px 0 0;
    float: left;
    height: 26px;
}

.dj-top-micro .dj-nav-g li {
    height: 31px;
}

.dj-top-micro .dj-nav-g li a {
    padding: 10px 14px 4px 13px;
    height: 17px;
    font-size: 12px;
    font-family: simsun;
}

.dj-top-micro .dj-nav-g li .nav-select a, .dj-top-micro .dj-nav-g li .nav-select span {
    padding: 7px 14px 7px 13px;
}

.dj-top-micro .dj-nav-g li.has-more a {
    padding-right: 7px;
}

.dj-top-micro .dj-top-section .dj-nav-list a .arrow-ud {
    position: relative;
    top: -2px;
}

.dj-top-micro .dj-nav-g li a:hover, .dj-top-micro .dj-nav-g li.on a, .dj-top-micro .dj-nav-g li.current a {
    background: url(../images/nav_sprite_micro.png) repeat-x;
}

.dj-top-micro .dj-top-section .nav-select {
    top: 31px;
}

.dj-top-micro #header .dj-top-section .uinfo-inner .nav-select {
    top: 21px;
    _top: 23px;
    padding-top: 5px;
}

.dj-top-micro .dj-nav-g li .beta {
    display: inline-block;
    position: relative;
    overflow: hidden;
    left: 3px;
    top: 0;
    *top: -3px;
}

.dj-top-micro .dj-user-info .uinfo-inner {
    height: 24px;
    padding: 1px 10px 0 12px;
    position: relative;
    float: left;
    z-index: 101;
}

.dj-top-micro .dj-uinfo-action {
    padding-top: 3px;
}

.dj-top-micro .dj-uinfo-action .dj-user-info .on {
    width: auto;
    padding: 0 9px 0 11px;
}

.dj-top-micro .dj-top-section .dj-uinfo-action .dj-user-info .on .iframe-mask {
    left: -3px;
    top: 20px;
}

.dj-top-micro .dj-top-section .dj-uinfo-action .login-pls {
    padding-top: 0;
}

.dj-top-micro .dj-user-info .user-avatar .uname {
    min-width: 70px;
    *width: 70px;
    text-align: right;
}

.dj-top-micro .dj-user-info .user-avatar a {
    position: relative;
    *top: 3px;
}

.dj-top-micro .dj-top-section .nav-select li a:hover {
    background: #f2f0ee;
}

.dj-top-micro .dj-top-section .nav-select li a, .dj-top-micro .dj-top-section .nav-select li span {
    font: 12px tahoma, simsun;
    height: 16px;
    line-height: 16px;
    background: none;
    display: block;
}

.dj-top-micro .dj-top-section .nav-select li {
    height: 28px;
}



.record a:visited {
    color: #528fcc;
}
/*
a:hover {
    color: #1357a2;
    text-decoration: underline;
}*/

a.green, a.high:visited {
    text-decoration: none;
    color: #3d990f;
}

a.green:hover {
    color: #3d990f;
    text-decoration: underline;
}

a.x, a.remove {
    width: 13px;
    height: 13px;
    overflow: hidden;
    text-indent: -9999em;
    cursor: pointer;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/dialog_close.png);
}

a.x:hover, a.remove:hover {
    background-position: right 0;
}

a.shield {
    width: 13px;
    height: 13px;
    overflow: hidden;
    text-indent: -9999em;
    cursor: pointer;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/shield.gif);
}

a.shield:hover {
    background-position: 0 -12px;
}

a.clean:hover {
    text-decoration: none;
}

a.tool {
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999em;
    cursor: pointer;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
}

a.tool:hover {
    background-position: right center;
}

a.icon, .icon {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 4px 4px 20px;
    height: 12px;
    outline: none;
    line-height: 12px;
    font-size: 12px;
    zoom: 1;
    display: inline-block;
}

a.icon-right {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 4px;
    height: 16px;
    padding-right: 20px;
    outline: none;
    height: 12px;
    line-height: 16px;
    font-size: 12px;
    zoom: 1;
}

a.icon:hover, a.icon-right:hover {
    text-decoration: none;
    color: #f60;
}

a.preview, span.preview {
    background-image: url(../images/preview.gif);
}

a.red:link, a.red:visited {
    color: #f00;
}

a.release, span.release {
    background-image: url(../images/release.gif);
}

a.close, span.close {
    background-image: url(../images/del.gif);
}

a.big-close, span.big-close {
    background-image: url(../images/dialog_close.png);
    width: 19px;
    height: 19px;
    overflow: hidden;
    text-indent: -9999em;
    cursor: pointer;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.big-close:hover, span.big-close:hover {
    background-image: url(../images/dialog_close.png);
    display: inline-block;
    background-position: 0 -19px;
}

a.edit, span.edit {
    background-image: url(../images/edit_1.gif);
}

a.edit-2, span.edit-2 {
    background-image: url(../images/array.gif);
    background-position: 0 -469px;
}

a.setlogo, span.setlogo {
    background-image: url(../images/setlogo.gif);
}

a.recall, span.recall {
    background-image: url(../images/stop.gif);
}

a.refresh, span.refresh {
    background-image: url(../images/refresh.gif);
}

a.untrue, span.untrue {
    background-image: url(../images/ture.gif);
    background-position: -1006px 3px;
}

a.true, .true {
    background-image: url(../images/array.gif);
    background-position: 0 -158px;
}

.alert-icon {
    background-image: url(../images/alert.gif);
    background-position: 0 2px;
}

a.add, span.add {
    background-image: url(../images/array.gif);
    background-position: 0 0;
}

a.delete, span.delete {
    background-image: url(../images/delete.gif);
}

a.unfinish, span.unfinish {
    background-image: url(../images/array.gif);
    background-position: -783px -161px;
}

a.unwith, span.unwith {
    background-image: url(../images/array.gif);
    background-position: 0 -363px;
}

a.fix, span.fix {
    background-image: url(../images/array.gif);
    background-position: 0 -400px;
}

a.passed, span.passed {
    background-image: url(../images/array.gif);
    background-position: 0 -435px;
}

a.finish, span.finish {
    background-image: url(../images/array.gif);
    background-position: 0 -161px;
}

a.collapse {
    background-image: url(../images/array.gif);
    background-position: -6px -2px;
    padding-left: 12px;
}

a.expanded {
    background-position: -785px -3px;
}

a.dropdown {
    background-image: url(../images/array.gif);
    background-position: right -243px;
}

a.dropup {
    background-image: url(../images/array.gif);
    background-position: right -301px;
}

a.dropdown-dismiss {
    background-position: right -298px;
}

a.go {
    background: url(../images/slidedown.gif) no-repeat top right;
}

a.testify, span.testify {
    background-image: url(../images/testify.gif);
}

a.hrgray, span.hrgray {
    background-image: url(../images/hr.gif);
    background-position: left top;
}

a.hr, span.hr {
    background-image: url(../images/hr.gif);
    background-position: left bottom;
    color: #3D990F;
}

a.ok, span.ok {
    background-image: url(../images/array.gif);
    background-position: 5px -322px;
}

a.no, span.no {
    background-image: url(../images/no.gif);
    background-position: 5px 5px;
}

a.mail, span.mail {
    background-image: url(../images/array.gif);
    background-position: 0 -197px;
}

a.post, span.post {
    background-image: url(../images/post.gif);
}

a.before, span.before {
    background-image: url(../images/array.gif);
    background-position: 0 -281px;
}

a.movegroup, span.movegroup {
    background-image: url(../images/movegroup.gif);
}

a.cutoff {
    background-image: url(../images/cutoff.gif);
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    display: inline-block;
    width: 15px;
    height: 15px;
}

a.cutoff:hover {
    background-position: right center;
}

a.message, span.message {
    background: url(../images/message.gif) no-repeat;
}

a.favorite, span.favorite {
    background: url(../images/favorite.gif) no-repeat;
}

.alart-error {
    background: url(../images/stop.gif) 0 1px no-repeat;
    padding-left: 20px;
}

.heart {
    background: url(../images/heart.gif) 0 1px no-repeat;
}

.heart-gray {
    background: url(../images/heart.gif) 0 -40px no-repeat;
}

.heart-hover {
    background: url(../images/heart.gif) 0 -20px no-repeat;
}

a.lighten {
    background: url(../images/lexon_light.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 30px;
    width: 33px;
}

h1.lighten, h2.lighten {
    background: url(../images/lexon_light.gif) no-repeat right center;
    padding-right: 38px;
    line-height: 30px;
}

a.default span, a.fresh span, a.normal span {
    padding-left: 0;
}

.default span, a.default {
    background-position: 0 0;
}

a.fresh span, a.fresh, a.normal {
    background-position: 0 -120px;
}

.normal span, a.normal {
    background-position: 0 -300px;
}

a.default span {
    background-position: right -30px;
}

a.fresh span {
    background-position: right -150px;
}

a.normal span, a.normal span {
    background-position: right -330px;
    color: #333;
}

a.big-fresh {
    background-position: 0 -180px;
}

a.big-normal {
    background-position: 0 -360px;
}

a.big-default {
    background-position: 0 -60px;
}

a.big-fresh span {
    background-position: right -210px;
}

a.big-default span {
    background-position: right -90px;
}

a.default, a.normal, a.fresh, a.small-fresh {
    height: 26px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0 0 0 20px;
    overflow: visible;
    background-image: url(../images/btn_a.png);
    cursor: pointer;
}

a.default:hover, a.normal:hover, a.fresh:hover, a.small-fresh:hover {
    text-decoration: none;
}

a.default span, a.fresh span, a.normal span, a.small-fresh span {
    height: 26px;
    _height: 27px;
    line-height: 26px;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    padding-right: 20px;
    background-image: url(../images/btn_a.png);
}

a.normal span {
    color: #333;
}

a.big-fresh, a.big-default, a.big-normal {
    display: inline-block;
    height: 30px;
    padding-left: 30px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    background-image:url(../images/btn_a.png);
    cursor: pointer;
}

a.big-normal:hover, a.normal:hover {
    color: #333;
}

a.big-fresh:hover, a.big-default:hover, a.fresh:hover, a.default:hover {
    color: #333;
}

a.big-fresh:hover, a.big-default:hover, a.big-normal:hover {
    text-decoration: none;
}

a.big-fresh span, a.big-default span, a.big-normal span {
    display: inline-block;
    height: 30px;
    padding-right: 30px;
    line-height: 30px;
    cursor: pointer;
    background-image: url(../images/btn_a.png);
    color: #333;
}

a.big-normal span {
    background-position: right -390px;
    color: #333;
}

a.default, a.normal, a.fresh, a.small-fresh, a.small-default {
    height: 26px;
    _height: 27px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0 0 0 20px;
    overflow: visible;
    background-image: url(../images/btn_a.png);
}

a.default span, a.fresh span, a.normal span, a.small-default span {
    display: inline-block;
}

a.default span, a.fresh span, a.normal span, a.small-default span {
    background-image: url(../images/btn_a.png);
}

.default span, .fresh span, .normal span, .small-default span {
    display: inline-block;
    height: 26px;
}

a.small-default {
    background-image: url(../images/btn_a.png);
    background-position: 0 -480px;
    height: 24px;
    line-height: 24px;
    padding-left: 25px;
}

a.small-default:hover {
    text-decoration: none;
}

a.small-default span {
    background-image: url(../images/btn_a.png);
    background-position: right -510px;
    color: #333;
    height: 24px;
    line-height: 24px;
    padding-right: 25px;
    _padding-top: 1px;
}

a.small-fresh {
    height: 24px;
    padding-left: 24px;
    line-height: 24px;
}

a.small-fresh {
    background-position: 0 -420px;
}

a.small-fresh span {
    background-position: right -450px;
    padding-right: 24px;
    height: 24px;
    line-height: 24px;
}

button.default span span, button.fresh span span, button.normal span span, button.big-default span span, button.big-fresh span span, button.big-normal span span, button.small-default span span, button.small-fresh span span, button.small-normal span span {
    white-space: nowrap;
    display: block;
    color: #333;
    zoom: 1;
    margin-right: 0 \9;
    margin-bottom: 0;
    height: 26px;
    padding-right: 20px;
    padding-left: 0;
    line-height: 26px;
    _height: 27px;
    line-height: 28 px\9;
}

button {
    font: "Helvetica Neue", Helvetica, Arial, clean, sans-serif;
    border: none;
    cursor: pointer;
    overflow: visible;
    vertical-align: middle;
    height: 26px;
    background: none;
    margin: 0;
    padding: 0;
}

button span {
    padding-left: 20px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding-left: 20px;
}

button span span {
    white-space: nowrap;
    display: block;
    color: #333;
    zoom: 1;
    margin-right: 0 \9;
    margin-bottom: 0;
    height: 26px;
    padding-right: 20px;
    padding-left: 0;
    line-height: 26px;
    _height: 27px;
    line-height: 28 px\9;
}

button span, a.button, a.button span {
    background-image: url(../images/btn_a.png);
    background-repeat: no-repeat;
}

button.default span, a.button.default {
    background-position: 0 0;
}

.dialog button.default span {
    background-position: 0 -120px;
}

button.fresh span, a.button.fresh {
    background-position: 0 -120px;
}

button.normal span, a.button.normal {
    background-position: 0 -300px;
}

button.default span span, a.button.default span {
    background-position: right -30px;
}

.dialog button.default span span {
    background-position: right -150px;
}

button.fresh span span, a.button.fresh span {
    background-position: right -150px;
}

button.normal span span, a.button.normal span {
    background-position: right -330px;
    color: #333;
}

button.big-normal span, a.button.big-normal span {
    color: #333;
}

button.big-default span, a.button.big-default {
    background-position: 0 -60px;
}

button.big-fresh span, a.button.big-fresh {
    background-position: 0 -180px;
}

button.big-normal span, a.button.big-normal {
    background-position: 0 -360px;
}

button.big-default span span, a.button.big-default span {
    background-position: right -90px;
}

button.big-fresh span span, a.button.big-fresh span {
    background-position: right -210px;
}

button.big-normal span span, a.button.big-normal span {
    background-position: right -390px;
    color: #333;
}

a.button {
    padding-left: 20px;
    display: inline-block;
    text-decoration: none;
    line-height: 26px;
    vertical-align: middle;
}

a.button span {
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
    color: #333;
}

a.button.normal span, a.button.big-normal span {
    color: #333;
}

button.big-default, button.big-default span, button.big-default span span, button.big-fresh, button.big-fresh span, button.big-fresh span span, button.big-normal, button.big-normal span, button.big-normal span span, a.button.big-default, a.button.big-default span, a.button.big-fresh, a.button.big-fresh span, a.button.big-normal, a.button.big-normal span {
    font-size: 14px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, clean, sans-serif;
    height: 30px;
    line-height: 30px;
}

a.button:hover {
    text-decoration: none;
}

a.normal span {
    color: #333;
}

button.with-icon span, a.with-icon {
    padding-left: 35px;
}

button.with-icon span span {
    padding-left: 0;
}

button span.icon-box, a.button.default span.icon-box, a.button.fresh span.icon-box, a.button.normal span.icon-box, a.button.big-default span.icon-box, a.button.big-fresh span.icon-box, a.button.big-normal span.icon-box {
    background-image: url(../images/btn-i.gif);
    background-repeat: no-repeat;
    padding-right: 0;
    width: 16px;
    height: 16px;
    margin-left: -18px;
    margin-right: 5px;
    position: absolute;
    margin-top: 5px;
    margin-top: 4 px\9;
}

a.button.default span.icon-box, a.button.fresh span.icon-box, a.button.normal span.icon-box, a.button.big-default span.icon-box, a.button..big-fresh span.icon-box, a.button..big-normal span.icon-box {
    margin-top: 5px;
    margin-top: 4 px\9;
    padding: 0;
}

button span span.add, a.button.default span.add, a.button.fresh span.add, a.button.normal span.add, a.button.big-default span.add, a.button.big-fresh span.add, a.button.big-normal span.add {
    background-position: 0 0;
}

button.margin, a.margin {
    margin-right: 10px;
}

.new-button {
    display: inline-block;
    border: none;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background-image: url(../images/button-big.png);
    background-repeat: no-repeat;
}

.new-button4 {
    background-position: 0 -74px;
    width: 99px;
    font-weight: bold;
    color: #333;
}

.new-button4:hover {
    background-position: -99px -74px;
    text-decoration: none;
    color: #333;
}

.new-button-normal4 {
    background-position: 0 -106px;
    color: #333;
    width: 99px;
}

.new-button-normal4:hover {
    background-position: -99px -106px;
    color: #333;
    text-decoration: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.big-normal span, button.big-default span, button.big-fresh span {
    float: left;
}

button.normal:hover span, a.normal:hover {
    background-position: 0 -660px;
}

button.normal:hover span span, a.normal:hover span {
    background-position: right -660px;
}

button.big-normal:hover span, a.big-normal:hover {
    background-position: 0 -690px;
}

button.big-normal:hover span span, a.big-normal:hover span {
    background-position: right -690px;
}

button.default:hover span, button.fresh:hover span, a.default:hover, a.fresh:hover {
    background-position: 0 -570px;
}

button.default:hover span span, button.fresh:hover span span, a.default:hover span, a.fresh:hover span {
    background-position: right -570px;
}

button.big-default:hover span, button.big-fresh:hover span, a.big-default:hover, a.big-fresh:hover {
    background-position: 0 -600px;
}

button.big-default:hover span span, button.big-fresh:hover span span, a.big-default:hover span, a.big-fresh:hover span {
    background-position: right -600px;
}

a.small-fresh:hover {
    background-position: 0 -540px;
}

a.small-fresh:hover span {
    background-position: right -540px;
}

.dot {
    background: url(../images/dot.gif) repeat-x bottom;
}

.helptips {
    border: 1px solid #E6C318;
    background: #FFFFCD;
    padding: 11px 15px 12px 15px;
    line-height: 1.6;
    margin-bottom: 16px;
}

.helptips .title {
    padding-bottom: 8px;
}

.helptips .warning {
    padding-top: 5px;
}

.helptips .color {
    color: #E65C17;
}

.inputlimit {
    color: #999;
    clear: both;
}

.dp {
    display: block;
}

.dp img {
    border: 1px #e5e5e5 solid;
    padding: 2px;
    background: #fff;
}

.paging {
    text-align: center;
    word-spacing: 5px;
    padding: 20px 0;
}

.paging a:link, .paging a:visited, .paging span.current {
    height: 22px;
    line-height: 22px;
    border: 1px solid #6d8cad;
    display: inline-block;
    vertical-align: middle;
    min-width: 22px;
    margin: 2px;
    padding: 0 5 px\9;
    color: #333;
}

.paging span.current {
    background: #6d8cad;
    cursor: pointer;
    color: #fff;
}

.paging a.prev, .paging a.next, .paging a.first, .paging a.last {
    width: 48px;
}

.paging a.dot:link, .paging a.dot:visited {
    border: none;
    min-width: 18px;
    display: inline-block;
}

.paging a.dot:hover {
    background: none;
    color: #000;
}

.paging a:hover {
    display: inline-block;
    background: #e2ecf7;
    text-decoration: none;
}

.paging span.total {
    display: inline-block;
    color: #666;
    height: 21px;
    line-height: 21px;
    padding: 0 4px;
}

table.joblist thead {
    background: #f8f8f8 url(../images/joblist.png) top;
    height: 26px;
}

table.joblist thead td.detail {
    padding: 0 1em 0 0;
}

table.joblist tbody td {
    padding: 4px;
}

table.joblist td.detail {
    padding: 1em 2em 1em 0;
}

table.joblist td h3 {
    color: #1687d9;
    font-weight: bold;
    font-size: 14px;
    padding: 0 4px 1px 0;
}

table.joblist td h3 a:visited {
    color: #82acc2;
}

table.joblist td .sort, table.joblist td .datatime {
    padding-bottom: 2px;
}

table.joblist td .sort li a {
    color: #999;
}

table.joblist td .sort li a:hover {
    color: #3D990F;
}

table.joblist td.detail h3 em {
    color: #f60;
    font-weight: bolder;
    margin-left: 4px;
}

table.joblist td.detail .green {
    color: #3d990f;
}

table.joblist a:visited {
    color: #82acc2;
}

a.badge-xll {
    width: 60px;
    height: 40px;
    line-height: 40px;
    color: #4FA611;
    background: url(../images/scale.gif);
}

a.badge-xll em {
    font-size: 16pt;
}

a.qualificy {
    background-position: left bottom;
}

a.applied-high, a.applied-middle, a.applied-low {
    background: url(../images/array.gif) 0 -160px;
    width: 20px;
    height: 20px;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    display: block\9;
}

a.applied-middle {
    background-position: -780px -160px;
}

a.applied-low {
    background-position: -80px -160px;
}

.rating .off {
    background: transparent url(../images/rating.gif) no-repeat right;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.rating .up, .rating .on {
    background: url(../images/rating.gif) no-repeat left;
}

.peoplegrid {
    zoom: 1;
    display: inline-block;
    display: block;
}

.peoplegrid:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.peoplegrid .people {
    display: inline-block;
    padding: 15px 0;
    background: url(../images/dashed.gif) repeat-x left bottom;
    margin-right: 29px;
    width: 178px;
    float: left;
}

.peoplegrid .people:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.peoplegrid .people .dp {
    border: solid 1px #e0e0e0;
    padding: 3px;
    background-color: #fff;
    float: left;
    margin-right: 8px;
    width: 50px;
    height: 50px;
}

.peoplegrid .people p {
    margin: 4px 0;
    overflow: hidden;
    white-space: nowrap;
}

.peoplegrid .people h4 {
    font-weight: bolder;
}

.peoplegrid .peole a.user {
    color: #1687d9;
}

.peoplegrid .peole a.user:visited {
    color: #1687d9;
}

.edge {
    border: solid 1px #ddd;
    background: #fff;
    padding: 16px;
}

.roof h1.title {
    font-size: 20px;
    font-family: "寰蒋闆呴粦";
    padding-top: 10px;
    height: 40px;
    line-height: 40px;
}

a.gray {
    color: #999;
}

a.gray:hover {
    color: #3D990F;
}

.joblist tbody td p {
    line-height: 1.5;
}

.joblist tbody td div.sort ul li {
    padding: 0 15px 0 0;
    white-space: nowrap;
}

.joblist thead td {
    background: #F8F8F8;
    height: 26px;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #eee;
}

.joblist tbody td {
    border-bottom: 1px solid #EBEBEB;
}

#serachresult p a.g3 {
    color: #333;
}

.joblist td.detail {
    padding-left: 14px;
}

.joblist td.last {
    padding-right: 14px;
}

#serachresult div.fontpage {
    padding: 20px 8px 6px 0;
}

#serachresult div.fontpage span.fontsize {
    font-size: 10.5pt;
}

#serachresult div.fontpage span.fontsize .color {
    color: #E65C17;
    white-space: nowrap;
}

#resultset-detailed p a {
    text-decoration: none;
}

#resultset-detailed tbody td {
    vertical-align: top;
}

.send_resume {
    height: 20px;
    text-align: right;
    width: 70px;
    margin-right: 10px;
}

#tabsswitch {
    background: url(../images/list_bg.gif) repeat-x;
    height: 34px;
    border: 1px solid #E6E6E6;
    border-bottom: 1px solid #CCC;
    padding: 0 11px 0 15px;
    line-height: 34px;
}

#tabsswitch .floatright {
    _margin-top: 5px;
}

#tabsswitch .floatleft {
    line-height: 1;
}

#tabsswitch .floatleft span {
    height: 22px;
    line-height: 22px;
    display: inline-block;
    overflow: hidden;
    margin-top: 6px;
    _height: 20px;
    _line-height: 20px;
    _padding-top: 2px;
}

#tabsswitch em.default-list {
    background: url(../images/list.gif) no-repeat -186px -40px;
}

#tabsswitch .inlineblock {
    background: url(../images/seach_line.gif) no-repeat right;
    padding-right: 20px;
}

#tabsswitch .list-default {
    background: url(../images/list.gif) no-repeat 0 0;
}

#tabsswitch .list {
    background: url(../images/list.gif) no-repeat 0 -22px;
}

#default-show {
    width: 133px;
    padding-left: 28px;
}

#default-show em {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    margin-right: 10px;
    height: 22px;
    line-height: 22px;
}

#serachresult .fontpage .uppage {
    background: url(../images/array.gif) no-repeat -9px -61px;
    padding-left: 9px;
    margin-left: 15px;
}

#serachresult .fontpage a {
    color: #333;
}

#serachresult .fontpage .nextpage {
    background: url(../images/array.gif) no-repeat 31px -5px;
    padding-right: 9px;
}

.pleased, .pleased-normal-xl {
    background: url(../images/badge.gif) no-repeat;
    height: 44px;
    width: 40px;
    display: inline-block;
    padding-left: 4px;
    line-height: 44px;
    color: #fff;
    font-family: "Arial";
    text-decoration: none;
    font-size: 10px;
    cursor: pointer;
}

.pleased-position {
    background-position: left -44px;
    color: #17A1E6;
}

.pleased em {
    font-size: 20px;
}

.small-pleased, .pleased-normal {
    background: url(../images/badge.gif) no-repeat 0 -88px;
    height: 20px;
    width: 31px;
    display: inline-block;
    padding-left: 3px;
    line-height: 20px;
    color: #fff;
    font-family: "Arial";
    text-decoration: none;
    font-size: 10px;
    cursor: pointer;
    text-align: center;
}

.small-pleased:hover {
    color: #fff;
    text-decoration: none;
}

.small-pleased-position:hover {
    color: #3d990f;
}

.small-pleased-position {
    background-position: left -108px;
    color: #17A1E6;
}

.small-pleased em {
    font-size: 12px;
}

.pleased-normal-xl {
    background: url(../images/badge.gif) no-repeat 0 -128px;
    cursor: default;
}

.pleased-normal {
    background: url(../images/badge.gif) no-repeat 0 -172px;
    cursor: default;
}

.pleased-normal-xl img {
    margin: 14px 0 0 -3px;
}

.pleased-normal img {
    margin: 4px 0 0 -2px;
}

#satisfied-say {
    background: #f2f2f2;
    padding: 0 2px 3px 0;
    width: 440px;
    position: absolute;
    z-index: 999;
}

#satisfied-say .room {
    border: 1px solid #f2e085;
    background: #fffcd9;
    margin-top: -2px;
    margin-left: -2px;
    padding: 17px 17px 5px 17px;
    _position: relative;
    zoom: 1;
}

#satisfied-say h5 {
    font-size: 14px;
    padding-bottom: 5px;
    color: #1470CC;
}

#satisfied-say p {
    padding: 5px 0 3px 0;
}

#satisfied-say .pointer {
    width: 21px;
    height: 14px;
    font-size: 0;
    left: 33px;
    display: inline-block;
    position: absolute;
    margin-top: -1px;
    background: url(../images/pointer.gif) no-repeat bottom;
}

#satisfied-say .close {
    background: url(../images/dialog_close.png) no-repeat left;
    height: 13px;
    width: 13px;
    text-indent: -99999px;
    display: block;
    position: absolute;
    left: 385px;
    top: 10px;
}

#satisfied-say .close:hover {
    background: url(../images/dialog_close.png) no-repeat right;
}

#satisfied-say .close {
    background: url(../images/dialog_close.png) no-repeat left;
    height: 13px;
    width: 13px;
    text-indent: -99999px;
    display: block;
    position: absolute;
    left: 420px;
    top: 5px;
}

.mailing {
    background-image: url(../images/mailing.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.mailing-red {
    background-position: 0 -40px;
}

.mailing-blue {
    background-position: 0 -60px;
}

.mailing-yellow {
    background-position: 0 -20px;
}

#share-module .renren {
    background: url(../images/favorite.gif) no-repeat 0 0;
    padding: 2px 0 2px 20px;
    width: auto;
}

#share-module .kaixin {
    background: url(../images/favorite.gif) no-repeat 0 -30px;
    padding: 2px 0 2px 20px;
    width: auto;
}

#share-module .sina {
    background: url(../images/favorite.gif) no-repeat 0 -62px;
    padding: 2px 0 2px 20px;
    width: auto;
}

#share-module .qq {
    background: url(../images/favorite.gif) no-repeat 0 -93px;
    padding: 2px 0 2px 40px;
    width: auto;
}

table.joblist td .datatime {
    padding-left: 7px;
}

table.joblist td .issued {
    margin-top: 10px;
}

table.joblist td .issued em {
    border-left: 3px solid #4d9900;
    padding-left: 4px;
}

input.text {
    border-width: 1px;
    border-style: solid;
    background: #f9f9f9;
    border-color: #c6c6c6 #eee #eee #c6c6c6;
    height: 18px;
    line-height: 14px;
    _line-height: 18px;
    padding: 2px;
    vertical-align: middle\9;
}

textarea.text {
    border: solid 1px #7f9db9;
    height: 42px;
    line-height: 14px;
    padding: 3px;
}

.withicon {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 4px;
    padding-left: 20px;
    outline: none;
    line-height: inherit;
}

img.icon {
    vertical-align: text-bottom;
}

ul.ladder {
    clear: both;
}

ul.ladder li {
    float: none;
    clear: both;
    overflow: hidden;
}

ul.menu li {
    float: left;
    padding: 0 .5em;
}

ul.seperating {
    height: 14px;
    padding-bottom: 6px;
}

ul.seperating li {
    float: left;
    border-right: solid 1px #bbb;
    line-height: 14px;
    padding: 0 12px;
}

ul.seperating li.last {
    border-right: none;
}

ul.seperating li.current a {
    font-weight: bold;
    color: #333;
}

.overlay {
    background: #fff;
    border: solid 1px #999;
    position: absolute;
}

.overlay .tap {
    background: #fff;
    border: solid 1px #999;
    border-bottom: none;
    top: -21px;
    margin-left: -1px;
    height: 20px;
    padding: 4px 4px 0 4px;
    height: 16px;
    zoom: 1;
    float: left;
    position: absolute;
}

.scrollable {
    overflow-y: auto;
    height: 100%;
}

.alert {
    background: #ffffcd;
    border: 1px solid #fee265;
    padding: 5px 10px;
    margin: 12px 0;
}

.dot-line {
    background: url(../images/dot-line.gif) repeat-x 0 bottom;
}

a.push {
    background: url(../images/push.gif) no-repeat left;
    padding: 0 0 0 24px;
    border: none;
    vertical-align: middle;
    display: inline-block;
}

a.push span {
    background: url(../images/push.gif) no-repeat right;
    height: 22px;
    line-height: 22px;
    padding-right: 24px;
    display: inline-block;
}

label.file {
    background: url(../images/push.gif) no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    height: 22px;
    width: 48px;
    padding-right: 12px;
    overflow: hidden;
}

input.file {
    width: 200px;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);
    margin-left: -200px;
}

label.file span {
    background: url(../images/push.gif) no-repeat scroll left center transparent;
    cursor: pointer;
    display: block;
    height: 22px;
    line-height: 20px;
    width: 36px;
    padding-left: 12px;
    float: left;
    text-align: center;
}

.png, .pngfix {
    _behavior: url(../images/iepngfix.htc);
}

.fake input.checkbox {
    opacity: 0;
}

.fake label.checkbox {
    margin-left: -12px;
    padding-left: 18px;
    background: transparent url(../images/array.gif) no-repeat -2px -322px;
    margin-left: 10px;
    cursor: pointer;
    _background: transparent url(../images/array.gif) no-repeat -4px -324px;
    color: #1687D9;
    _padding-left: 16px;
}

.fake-hover label.checkbox {
    background-position: -2px -382px;
    _background-position: -4px -384px;
}

.fake-checked label.checkbox {
    background-position: -782px -323px;
    _background-position: -784px -324px;
}

.fake-checked-hover label.checkbox {
    background-position: -782px -383px;
    _background-position: -784px -384px;
}

.yahei {
    font-size: 20px;
    font-family: "MicroSoft YaHei", "SimHei";
}

.heiti {
    font-family: "MicroSoft YaHei", "Hei";
    font-size: 20px;
    color: #333;
}

.g-yahei {
    font-family: "MicroSoft YaHei", "SimHei";
}

.attachment {
    background: transparent url(../images/attachfile.gif) no-repeat left 5px;
    padding: 5px 0 5px 16px;
    color: #1470CC;
}

.attachment .shanchu {
    margin-left: 5px;
    color: #3D990F;
    font-weight: normal;
}

.attachment .throbber {
    background-position: right center;
    padding-right: 16px;
}

.swfupload-queue {
    margin: 6px 0;
    border: 1px solid #F1DB74;
}

.swfupload-queue li.attachment {
    background-color: #fff8bb;
    font-weight: bold;
}

.swfupload-queue li.attachment span span.size {
    font-weight: normal;
}

/*.success {
    border: solid 1px #e6cf5c;
    background: #ffc url(../images/success.gif) no-repeat 40px 25px;
    overflow: hidden;
}*/

.tips-box {
    background: #ffc;
    border: 1px solid #e6cf5c;
    padding: 10px;
    color: #333;
}

#invite .tips-box {
    width: 150px;
    display: inline-block;
}

.dotted-line {
    background: url(../images/dotted-line.gif) repeat-y right 0;
    padding: 0 0 0 1px;
    margin: 0 5px;
    line-height: 0;
    overflow: hidden;
}

.star-light {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../images/star.gif) no-repeat left top;
    vertical-align: middle;
}

.star-dark {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../images/star.gif) no-repeat right top;
    vertical-align: middle;
    cursor: pointer;
}

embed.hidden, object.hidden {
    height: 1px;
    left: -1000px;
    position: absolute;
    top: -1000px;
    width: 1px;
}

table.form td.btn-td {
    padding-top: 10px;
}

.stop {
    background: url(../images/stop.gif) no-repeat 0 0;
    padding-left: 50px;
}

.icon-small {
    padding-left: 16px;
    background-repeat: no-repeat;
}

.icon-normal {
    padding-left: 20px;
    background-repeat: no-repeat;
}

.icon-big {
    padding: 4px 0 5px 30px;
    background-repeat: no-repeat;
}

.icon12 {
    background-image: url(../images/icon12.gif);
    background-repeat: no-repeat;
    padding-left: 16px;
    display: inline-block;
}

.icon12-trigger {
    background-position: 0 3px;
}

.icon12-untrigger {
    background-position: 0 -17px;
}

.icon16 {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/16.gif);
    vertical-align: middle;
    background-repeat: no-repeat;
}

.icon24 {
    background-image: url(../images/24-v1.gif);
    background-repeat: no-repeat;
    padding-left: 26px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.icon24-corr {
    background-position: 0 0;
    background-image: url(../images/icon24.gif);
}

.icon24-s {
    background-position: 0 -246px;
}

.icon24-alert {
    background: url(../images/alert24.gif) no-repeat 0 0;
}

.icon24-member {
    background-position: 0 -118px;
}

.icon24-notification {
    background-position: 0 -29px;
}

.icon24-schedule {
    background-position: 0 -147px;
}

.icon24-discuss {
    background-position: 0 -180px;
}

.mail-icon {
    background-image: url(../images/24-v1.gif);
    background-position: 0 0;
    *background-position: 0 -2 px\9;
}

.notification-icon {
    background-image: url(../images/24-v1.gif);
    background-position: 0 -61px;
    *background-position: 0 -62 px\9;
}

.invite-icon {
    background-image: url(../images/24-v1.gif);
    background-position: 0 -30px;
    *background-position: 0 -28 px\9;
}

.invite-dispose-icon {
    background-image: url(../images/24-v2.gif);
    background-position: 0 -209px;
    _background-position: 0 -210px;
}

.icon16-attachfile {
    background: url(../images/icon16.gif) no-repeat 0 -32px;
}

.icon16-leavemsg {
    background-position: 0 -224px;
}

.icon16-qa {
    background-position: 0 -256px;
}

.icon16-evaluate {
    background-position: 0 -288px;
}

.icon16-birth {
    background-position: 0 -320px;
}

.icon16-comment {
    background-position: 0 -160px;
}

.icon16-reply {
    background-position: 0 -192px;
}

.icon16-vote {
    background-position: 0 -545px;
}

.icon16-ding {
    background: url(../images/top.gif) no-repeat 0 0;
}

.icon16-add {
    background-position: 0 -607px;
}

.icon16-match {
    background: url(../images/icon16.gif) no-repeat 0 -96px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.icon16-addmail {
    background-position: 0 -352px;
}

.icon16-attention {
    background-position: 0 -736px;
}

.icon16-attentionGray {
    background-position: 0 -768px;
}

.icon16-club {
    background-position: 0 -416px;
}

.icon16-job {
    background-position: 0 -447px;
}

.icon16-calendar {
    background-position: 0 -680px;
}

.icon16-invite {
    background-position: 0 -714px;
}

.icon16-ballot {
    background-position: 0 -547px;
}

.icon16-networking {
    background-position: 0 -896px;
}

.icon16-myJob {
    background-position: 0 -831px;
}

.icon16-resume {
    background-position: 0 -679px;
}

.icon16-photo {
    background-position: 0 -864px;
}

.icon16-pop {
    background-position: 0 -992px;
}

.icon16-peple {
    background-position: 0 -800px;
}

.icon16-ability {
    background-position: 0 -928px;
}

.icon16-abilityMuster {
    background-position: 0 -928px;
}

.icon16-inform {
    background-position: 0 -1056px;
}

.icon16-publish {
    background-position: 0 -1088px;
}

.icon16-received {
    background-position: 0 -1119px;
}

.icon16-newJob {
    background-position: 0 -1154px;
}

.icon16-ox {
    background-position: 0 -1398px;
}

.icon16-qa {
    background-position: 0 -1327px;
}

.icon16-radar {
    background-position: 0 -1363px;
}

.icon16-i {
    background-position: 0 -1187px;
}

.icon16-s {
    background-position: 0 -1222px;
}

.icon16-a {
    background-position: 0 -1255px;
}

.icon16-mileage {
    background-position: 0 -1290px;
}

.read-icon {
    background: url(../images/16.gif) no-repeat 0 -126px;
}

.unread-icon {
    background: url(../images/16.gif) no-repeat 0 -94px;
}

.yhstar {
    background: url(../images/yh.gif) no-repeat 0 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
}

.yhend {
    background: url(../images/yh.gif) no-repeat 0 -18px;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
}

.setting {
    padding-left: 13px;
    display: inline-block;
    background: url(../images/setting.gif) no-repeat 0 4px;
    overflow: hidden;
}

.setting:hover {
    display: inline-block;
    background: url(../images/setting.gif) no-repeat 0 -16px;
    overflow: hidden;
    text-decoration: none;
}

.loading16 {
    background: url(../images/loading_16.gif) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.icon32 {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../images/32.gif);
    vertical-align: middle;
    background-repeat: no-repeat;
}

.icon32-evaluation {
    background-position: 0 -62px;
}

.file-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/file.gif);
    vertical-align: text-bottom;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.doc, .docx {
    background-position: 0 0;
}

.jpg {
    background-position: 0 -84px;
}

.pdf {
    background-position: 0 -56px;
}

.txt {
    background-position: 0 -25px;
}

.switch {
    height: 28px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6 #d9d9d9 #d9d9d9 #d9d9d9;
    position: relative;
    line-height: 100%;
}

.switch ul {
    position: absolute;
    top: -1px;
    overflow: hidden;
    height: 30px;
}

.switch ul li {
    float: left;
    padding: 8px 11px 9px 12px;
    color: #666;
    background: url(../images/tab_bar.gif) no-repeat 0 -33px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #d9d9d9;
}

.switch ul li a {
    color: #666;
    padding: 0 10px;
}

.switch ul li a:hover {
    text-decoration: none;
}

.switch ul li.current, .tab-bar ul li.current a {
    color: #333;
}

.switch ul li.current {
    background: url(../images/tab_bar.gif) repeat-x 0 0;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-left: none;
    padding: 8px 12px 9px 12px;
}

.switch ul li.current a {
    color: #333;
}

.switch ul li a .icon16-addmail {
    margin-right: 5px;
}

.switch-new {
    height: 28px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.switch-new ul {
    position: absolute;
    top: -1px;
    overflow: hidden;
    height: 30px;
}

.switch-new ul li {
    float: left;
    padding: 6px 15px 9px 15px;
    color: #666;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border: 1px solid #ccc;
    margin-right: 5px;
    display: inline-block;
}

.switch-new ul li a {
    color: #666;
}

.switch-new ul li a:hover {
    text-decoration: none;
}

.switch-new ul li.current, .tab-bar ul li.current a {
    color: #333;
}

.switch-new ul li.current {
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background: #fff;
    font-weight: bold;
}

.switch-new ul li.current a {
    color: #333;
}

.switch-new ul li a .icon16-addmail {
    margin-right: 5px;
}

.pop {
    position: relative;
    _padding-top: 1px;
}

.pop .pop-main {
    background: #ffc;
    border: 1px solid #f2e291;
    padding: 5px 10px;
}

.pop .arrow {
    width: 8px;
    height: 13px;
    background: url(../images/pop-left.gif) no-repeat 0 0;
    position: absolute;
    margin-left: -7px;
    margin-top: 20px;
}

.user-text {
    padding-left: 70px;
}

.user-text .pic {
    float: left;
    margin-left: -70px;
    width: 50px;
    height: 50px;
    display: inline;
}

.user-text h1 {
    font-size: 20px;
    font-family: "姒涙垳缍�";
    padding-bottom: 10px;
    line-height: 20px;
}

.topic-msg {
    padding: 15px 0;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.5;
}

.friendlist-h1 {
    padding-bottom: 5px;
}

.userList li {
    float: left;
    display: inline;
    margin: 0 19px 10px 0;
    padding: 0 0 10px 65px;
    background: url(../images/dot-line.gif) repeat-x 0 bottom;
    height: 56px;
}

.userList li div.pic {
    float: left;
    display: inline;
    margin: 0 0 0 -65px;
}

.userList li div.pic a {
    border: 1px solid #ccc;
    padding: 2px;
    width: 50px;
    height: 50px;
    display: block;
}

.userList li div.pic img {
    width: 50px;
    height: 50px;
}

.userList li div.pic a:hover {
    background: none;
    border: 1px solid #ccc;
}

.userList li div.info h2 {
    color: #1470cc;
}

.userList li div.info .icon16-add {
    width: 14px;
}

.friend-list li.border-bottom-none {
    border-bottom: none;
}

.userList li.last {
    border: none;
}

.userList li div.info p {
    padding-top: 2px;
}

.userListSimple li {
    float: left;
    width: 56px;
    di splay: inline;
    margin-right: 10px;
}

.userListSimple li .pic a {
    border: 1px solid #e0e0e0;
    padding: 2px;
    background: #fff;
    width: 50px;
    height: 50px;
    display: block;
}

.userListSimple li .pic a:hover {
    border: 1px solid #e47600;
    padding: 2px;
    background: #e47600;
}

.userListSimple li .pic img {
    width: 50px;
    height: 50px;
}

.userListSimple li .name {
    text-align: center;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
}

.userListSimple li .online {
    background: transparent url(../images/online.gif) no-repeat 0 center;
    padding-left: 16px;
    padding-right: 0;
}

#job-list thead td {
    height: 35px;
    background: #F3F3F3;
}

#job-list tbody td {
    padding: 11px 0 9px 0;
    border-bottom: 1px solid #F0F0F0;
}

#job-list tbody td.nojob {
    height: 80px;
    line-height: 80px;
    padding: 0;
}

#job-list tfoot td {
    padding-left: 13px;
    background: #F3F3F3;
    height: 35px;
    _padding-left: 10px;
}

#comment li {
    padding-left: 60px;
    padding-bottom: 10px;
}

#comment li .pic {
    float: left;
    margin-left: -60px;
    _display: inline;
}

#comment li .pic a {
    padding: 2px;
    border: 1px solid #E5E5E5;
    display: block;
}

#comment li .pic a img {
    width: 50px;
    height: 50px;
}

#comment li .pic a:hover {
    border: 1px solid #e47600;
    background: #e47600;
}

#comment li .text {
    padding-left: 11px;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#comment li .text .arrow {
    width: 12px;
    height: 13px;
    margin-left: -11px;
    background: url(../images/comment.gif) no-repeat 0 -30px;
    top: 15px;
    position: absolute;
}

#comment li .text .top {
    padding-left: 14px;
    height: 6px;
    overflow: hidden;
    background: url(../images/comment.gif) no-repeat 0 0;
    display: block;
}

#comment li .text .top p {
    padding-right: 14px;
    height: 6px;
    overflow: hidden;
    background: #fff url(../images/comment.gif) no-repeat right 0;
    display: block;
}

#comment li .text .bottom {
    padding-left: 14px;
    height: 6px;
    overflow: hidden;
    background: url(../images/comment.gif) no-repeat 0 -15px;
}

#comment li .text .bottom p {
    padding-right: 14px;
    height: 6px;
    overflow: hidden;
    background: #fff url(../images/comment.gif) no-repeat right -15px;
    display: block;
}

#comment li .text .middle {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 0 13px;
    overflow: hidden;
}

#comment li .text .middle h3 {
    border-bottom: 1px solid #f3f3f3;
    height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

#comment li .text .middle .comment-msg {
    font-size: 14px;
    padding: 10px 0;
    line-height: 22px;
    word-break: break-all;
    word-wrap: break-word;
}

#comment .reply textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #8b8b8b #d3d3d3 #d3d3d3 #8b8b8b;
    display: block;
    height: 71px;
    padding: 3px 5px;
}

.replyArea {
    width: 502px;
}

#comment .reply .text .middle {
    padding-top: 8px;
    padding-bottom: 8px;
}

#comment .reply .controlbar {
    padding-top: 5px;
}

#comment .reply .controlbar .floatright {
    margin-top: 4px;
    margin-top: 3 px\9;
    _margin-top: 2 px\9;
}

#message_face ul li {
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    list-style-type: none;
    float: left;
    overflow: hidden;
}

#message_face ul li img {
    padding: 2px;
    cursor: pointer;
}

.facebox {
    z-index: 999999;
    background-color: #fff;
    box-shadow: 3px 3px 3px #ccc;
}

.facebox .faceBoxLayout {
    position: relative;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    z-index: 100010;
}

.facebox .pointer {
    position: absolute;
    background: url(../images/statebox/pointer.gif) no-repeat 0 0;
    width: 11px;
    height: 7px;
    top: -6px;
    right: 23px;
}

.facebox .shadow {
    background: none repeat scroll 0 0 #F2F2F2;
    padding: 0;
}

.facebox ul {
    width: 240px;
}

.prompt-box .shadow {
    background: #f2f2f2;
    padding: 0 2px 3px 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 3px 3px 3px #ccc;
}

.prompt-box .prompt-main {
    border: 1px solid #f2e085;
    background: #fffcd9;
    margin-left: -2px;
    padding: 10px 20px 10px 10px;
    zoom: 1;
    position: relative;
}

.prompt-box dt {
    font-size: 14px;
    padding-bottom: 5px;
}

.prompt-box dd {
    padding: 5px 0 3px 0;
}

.prompt-box .pointer {
    font-size: 0;
    display: block;
    position: absolute;
    background-image: url(../images/pointer.gif);
    background-repeat: no-repeat;
}

.prompt-box .remove {
    margin-right: -15px;
    display: inline;
}

.prompt-box-bottom {
    padding-bottom: 15px;
}

.prompt-box-bottom .pointer {
    width: 21px;
    height: 14px;
    background-position: 0 -18px;
    left: 33px;
    bottom: -14px;
}

.prompt-box-top {
    padding-top: 10px;
}

.prompt-box-top .pointer {
    width: 21px;
    height: 14px;
    background-position: 0 -36px;
    top: -12px;
}

.rpompt-box-left {
    padding-left: 15px;
}

.rpompt-box-left .pointer {
    width: 11px;
    height: 21px;
    background-position: right -56px;
    top: 5px;
    left: -11px;
}

.rpompt-box-right {
    padding-right: 15px;
}

.rpompt-box-right .pointer {
    width: 11px;
    height: 21px;
    background-position: 0 -82px;
    top: 5px;
    right: -11px;
}

.white-top .pointer {
    width: 21px;
    height: 14px;
    background-position: 0 -163px;
    top: -12px;
}

.white-top .prompt-main {
    border: 1px solid #ccc;
    background: #fff;
    margin-left: -2px;
    padding: 10px 20px 10px 10px;
    zoom: 1;
    position: relative;
    z-index: 99;
    zoom: 1;
}

.white-top dt {
    font-size: 14px;
    padding-bottom: 5px;
}

.white-top dd {
    padding: 5px 0 3px 0;
}

.white-tips-top .prompt-main {
    border: 1px solid #ccc;
    background: #fff;
    margin-left: -2px;
    padding: 10px 20px 10px 10px;
    zoom: 1;
    position: relative;
    z-index: 99;
}

.white-tips-top .pointer {
    background-position: 0 -186px;
    top: -6px;
}

.prompt-tips .tips-main {
    background: #ffffcd;
    border: 1px solid #f1db74;
    padding: 7px 10px;
    position: relative;
    zoom: 1;
}

.prompt-tips .pointer {
    background-image: url(../images/pointer.gif);
    background-repeat: no-repeat;
    width: 10px;
    height: 6px;
    display: block;
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
}

.tips-top {
    padding-top: 6px;
}

.tips-top .pointer {
    background-position: 0 -110px;
    top: -6px;
}

.tips-bottom {
    padding-bottom: 6px;
}

.tips-bottom .pointer {
    background-position: 0 -124px;
    bottom: -6px;
}

.tips-normal, .dj-tips-normal {
    background: #FFFCD9;
    border: 1px solid #f2e085;
    padding: 7px 10px;
}

.dj-tips-fresh {
    background: #f4fbff;
    border: 1px solid #d0dde4;
}

.dj-alert .dj-alert-icon {
    padding-left: 45px;
    background: url(../images/g-icons/alert36.png) no-repeat 0 0;
    zoom: 1;
}

.dj-alert .dj-inner {
    padding-left: 10px;
    border-left: 1px solid #e5e5e5;
}

.dj-alert .dj-inner h3 {
    padding-bottom: 5px;
    font-size: 14px;
}

.dj-alert24 .dj-alert-icon {
    padding-left: 33px;
    background: url(../images/g-icons/alert24.png) no-repeat 0 0;
    _height: 24px;
    min-height: 24px;
}

.dj-alert24 .dj-inner {
    _height: 24px;
    min-height: 24px;
    text-align: left;
}

.dj-alert36 .dj-alert-icon {
    padding-left: 55px;
    background: url(../images/g-icons/alert36.png) no-repeat 0 0;
    _height: 36px;
    min-height: 36px;
}

.dj-alert36 .dj-inner {
    _height: 36px;
    min-height: 36px;
    text-align: left;
    padding-left: 20px;
}

.dj-alert-center {
    text-align: center;
}

.dj-alert-center .dj-inner {
    _height: 24px;
    min-height: 24px;
    display: inline-block;
}

.dj-alert-center .dj-alert-icon {
    display: inline-block;
}

.dj-tips-base {
    position: absolute;
}

.dj-tips-base .shadow {
    border-radius: 3px;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#26000000', endColorstr = '#26000000');
    background-color: rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

.dj-tips-base .arrow {
    position: absolute;
    background-image: url("/up/card-tips/i/tips-arrow-base.png");
    width: 19px;
    height: 14px;
}

.dj-tips-base .remove {
    position: absolute;
    right: 6px;
    top: 5px;
}

.dj-tips-base .inn-con {
    background: #fff;
    border-color: #8b8b8b;
    border: 1px solid #B3B3B3;
    padding: 0;
}

.dj-tips-base .inn-btn {
    background: #F6F6F6;
    border: 1px solid #8B8B8B;
    border-top-color: #E0E0E0;
    padding: 5px 10px 5px 0;
    margin-top: -1px;
    text-align: right;
}

.dj-tips-base .inn-btn .fresh, .dj-tips-base .inn-btn .normal {
    width: 50px;
    height: 20px;
    line-height: 20px;
    background: url("images/dj-tips-base-btn.gif") no-repeat;
    text-align: center;
    border: none;
    vertical-align: middle;
}

.dj-tips-base .inn-btn .fresh {
    color: #333;
}

.dj-tips-base .inn-btn .normal {
    background-position: 0 -20px;
    color: #333;
}

.dj-tips-base .inn-btn .freshLong {
    background: url("/up/my-job-v2/images/mini-btn.gif") 0 -40px;
    width: 80px;
    height: 20px;
    overflow: hidden;
}

.dj-tips-base .inn-btn .normalLong {
    background: url("/up/my-job-v2/images/mini-btn.gif") 0 -60px;
    width: 80px;
    height: 20px;
    overflow: hidden;
}

.dj-tips-base .inn-btn .cue {
    line-height: 20px;
    vertical-align: middle;
    padding-right: 10px;
}

.dj-tips-base.arrow-t .arrow {
    background-position: 0 -19px;
    top: -13px;
}

.dj-tips-base.arrow-b .arrow {
    background-position: 0 0;
    bottom: -13px;
}

.dj-tips-base.arrow-t .arrow.arrow-l, .dj-tips-base.arrow-b .arrow.arrow-l {
    left: 38px;
}

.dj-tips-base.arrow-t .arrow.arrow-r, .dj-tips-base.arrow-b .arrow.arrow-r {
    right: 38px;
}

.dj-tips-base.arrow-l .arrow {
    background-position: 0 -38px;
    width: 14px;
    height: 19px;
    left: -13px;
}

.dj-tips-base.arrow-r .arrow {
    background-position: 0 -57px;
    width: 14px;
    height: 19px;
    right: -13px;
}

.dj-tips-base.arrow-l .arrow.arrow-t, .dj-tips-base.arrow-r .arrow.arrow-t {
    top: 38px;
}

.dj-tips-base.arrow-l .arrow.arrow-b, .dj-tips-base.arrow-r .arrow.arrow-b {
    bottom: 38px;
}

.dj-tips-smart .shadow {
    border-radius: 3px;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#0C000000', endColorstr = '#0C000000');
    background-color: rgba(0, 0, 0, 0.05);
}

.dj-tips-smart .inn-con {
    background: #fffcd9;
    border-color: #f2e085;
}

.dj-tips-smart .inn-btn {
    border-color: #E0E0E0;
}

.dj-tips-smart .arrow {
    background-image: url("images/dj-tips-smart.png");
    _background-image: url("images/dj-tips-smart.gif");
}

.dot-list ul.list li {
    background: url(../images/array.gif) no-repeat -8px -240px;
    padding-left: 12px;
    height: 23px;
    overflow: hidden;
    line-height: 23px;
}

.calendar-area {
    width: 32px;
    padding-left: 39px;
    overflow: hidden;
}

.calendar-area .mouth {
    width: 22px;
    height: 7px;
    line-height: 7px;
    font-size: 5px;
    overflw: hidden;
    margin: 0 0 0 1px;
    display: block;
}

.calendar-area .m1 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 0;
}

.calendar-area .m2 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -9px;
}

.calendar-area .m3 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -19px;
}

.calendar-area .m4 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -29px;
}

.calendar-area .m5 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -39px;
}

.calendar-area .m6 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -48px;
}

.calendar-area .m7 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -58px;
}

.calendar-area .m8 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -68px;
}

.calendar-area .m9 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -78px;
}

.calendar-area .m10 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -88px;
}

.calendar-area .m11 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -98px;
}

.calendar-area .m12 {
    background: url(../images/calendar-mouth-v1.gif) no-repeat 0 -107px;
}

.calendar-area .z {
    float: left;
    display: inline;
    padding-right: 8px;
    border-right: 1px solid #e6e6e6;
    margin-left: -39px;
}

.calendar-area .time {
    display: inline;
    height: 26px;
    line-height: 26px;
    margin-top: 1px;
    color: #999;
    font-size: 10px;
    font-family: Arial;
}

.calendar-area .date {
    color: #62b312;
    font-size: 20px;
    padding-top: 1px;
    padding-top: 3 px\9;
    font-family: Arial;
    display: block;
    font-weight: bold;
}

.calendar-area .g6 {
    color: #666;
    font-size: 20px;
    padding-top: 1px;
    padding-top: 3 px\9;
    font-family: Arial;
    display: block;
    font-weight: bold;
}

#dialog-report h3 {
    padding-bottom: 10px;
}

#dialog-report td {
    padding: 3px 0;
}

#dialog-report .textarea {
    width: 395px;
    height: 90px;
    margin-top: 6px;
}

.pic a {
    border: 1px solid #E0E0E0;
}

.max {
    width: 90px;
}

.max a {
    padding: 4px;
    display: block;
}

.max a img {
    width: 80px;
    height: 80px;
    display: block;
}

.mid a {
    padding: 3px;
    display: block;
}

.mid a img {
    width: 50px;
    height: 50px;
    display: block;
}

.min {
    width: 36px;
    height: 36px;
}

.min a {
    padding: 2px;
    display: block;
}

.min a img {
    width: 30px;
    height: 30px;
    display: block;
}

.stepModula {
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
    background: transparent;
}

.stepModula {
    *display: inline;
}

.stepModula li {
    float: left;
    *display: inline;
    margin: 0 7px 0 0;
    padding: 0;
    width: 13px;
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    zoom: 1;
    background: url("images/stepModula.gif") 0 0 no-repeat;
}

.stepModula li.stepModula-succeed {
    background-position: -13px 0;
}

.stepModula li.stepModula-focus {
    background-position: right 0;
}

.selecting li {
    float: left;
    margin-right: 5px;
    display: inline;
}

.selecting li span {
    display: block;
    height: 20px;
    border: 1px solid #b3b3b3;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    background: #fff url(../images/employment/select-arrow.gif) no-repeat right 8px;
    padding: 0 15px 0 5px;
    color: #333;
    cursor: pointer;
}

.selecting li span p {
    overflow: hidden;
}

.selecting li ul {
    border: 1px solid #ccc;
    display: block;
    position: absolute;
    background: #fff;
    margin-top: -1px;
}

.selecting li ul li {
    height: 24px;
    line-height: 24px;
    float: none;
    display: block;
}

.selecting li ul li a {
    height: 24px;
    line-height: 24px;
    display: block;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
}

.selecting li ul li a:hover {
    background: #eeffd7;
    text-decoration: none;
}

.selecting li.disable span {
    border: 1px solid #ccc;
    color: #999;
    cursor: default;
}

.wordlimitwarp {
    position: relative;
    display: inline-block;
}

.wordlimitwarp textarea {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #c6c6c6 #eeeeee #eee #c6c6c6;
}

.tabBar {
    border-bottom: 1px solid #cecece;
    height: 21px;
    position: relative;
    padding-left: 10px;
}

.tabBar ul {
    position: absolute;
    margin-bottom: -1px;
    padding-right: 1px;
}

* html .tabBar ul {
    border-right: solid 1px #cecece;
}

.tabBar li {
    float: left;
    margin-right: -1px;
    display: inline-block;
    font-size: 12px;
}

.tabBar li a {
    color: #333;
    display: block;
    width: 68px;
    height: 20px;
    line-height: 20px;
    _line-height: 24px;
    line-height: 24 px\9;
    text-align: center;
    border: solid 1px #cecece;
    background-color: #ededed;
    overflow: hidden;
}

.tabBar li.current a {
    text-decoration: none;
    background-color: #fff;
    border-bottom: none;
    height: 21px;
}

.tabBar li a:hover {
    text-decoration: none;
}

.inviteTab {
    border-bottom: 1px solid #b7b3b3;
    height: 30px;
    position: relative;
    padding-left: 60px;
}

.inviteTab ul {
    position: absolute;
    margin-bottom: -1px;
    padding-right: 1px;
}

.inviteTab li {
    float: left;
    margin-left: 6px;
    display: inline-block;
    font-size: 12px;
    height: 31px;
}

.inviteTab li a {
    background-image: url(../images/invite_tab.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    height: 31px;
    display: block;
}

.inviteTab li.current a {
    text-decoration: none;
    background-image: url(../images/invite_tab_current.gif);
    background-repeat: no-repeat;
}

.inviteTab li a:hover {
    text-decoration: none;
}

.inviteTab li a.invite_email {
    width: 54px;
    background-position: 0 0;
}

.inviteTab li a.invite_qq {
    width: 68px;
    background-position: -60px 0;
}

.inviteTab li a.invite_t {
    width: 105px;
    background-position: -134px 0;
}

.thirdparty_bar span {
    width: 17px;
    height: 17px;
    background: url(../images/thirdparty_logo.png) no-repeat 0 0;
    display: inline-block;
    margin: 0 5px 0 0;
    overflow: hidden;
}

.thirdparty_bar span a {
    width: 17px;
    height: 17px;
    display: inline-block;
    overflow: hidden;
}

.thirdparty_bar .renren_unbind {
    background-position: 0 0;
}

.thirdparty_bar .kaixin_unbind {
    background-position: -22px 0;
}

.thirdparty_bar .sina_unbind {
    background-position: -44px 0;
}

.thirdparty_bar .msn_unbind {
    background-position: -66px 0;
}

.thirdparty_bar .qqweibo_unbind {
    background-position: -83px 0;
}

.thirdparty_bar .renren_bind {
    background-position: 0 -32px;
}

.thirdparty_bar .kaixin_bind {
    background-position: -22px -32px;
}

.thirdparty_bar .sina_bind {
    background-position: -44px -32px;
}

.thirdparty_bar .msn_bind {
    background-position: -66px -32px;
}

.thirdparty_bar .qqweibo_bind {
    background-position: -83px -32px;
}

.dj-btn-personal .dj-btn-change-message, .dj-btn-personal .dj-btn-change-message-new, .dj-btn-personal .dj-btn-change-message-changed, .dj-btn-personal .dj-btn-change-message-close, .dj-btn-personal .dj-btn-change-message-wait, .dj-btn-personal .dj-btn-send-mail, .dj-btn-personal .dj-btn-send-mail-close, .dj-btn-personal .dj-btn-my-card, .dj-btn-personal .dj-btn-edit-my-card {
    width: 84px;
    height: 26px;
    line-height: 26px;
    background: url(../images/dj-btn-cardmail-bg.png) no-repeat;
    overflow: hidden;
    text-indent: 100px;
    display: inline-block;
    color: #333;
    text-decoration: none;
    vertical-align: middle;
    font-size: 12px;
}

.dj-btn-personal .dj-btn-change-message {
    background-position: 0 0;
    cursor: pointer;
}

.dj-btn-personal .dj-btn-change-message-new {
    background-position: 0 -104px;
    cursor: pointer;
}

.dj-btn-personal .dj-btn-change-message-changed {
    background-position: 0 -26px;
}

.dj-btn-personal .dj-btn-change-message-close {
    background-position: 0 -52px;
}

.dj-btn-personal .dj-btn-change-message-wait {
    background-position: -84px -52px;
}

.dj-btn-personal .dj-btn-send-mail {
    background-position: -84px 0;
}

.dj-btn-personal .dj-btn-send-mail-close {
    background-position: -84px -26px;
}

.dj-btn-personal .dj-btn-my-card {
    background-position: 0 -78px;
}

.dj-btn-personal .dj-btn-edit-my-card {
    background-position: -84px -78px;
}

.G-wg-gotop {
    background: url(../images/home/top.gif) no-repeat 0 0;
    width: 20px;
    padding: 20px 2px 0 3px;
    _padding: 23px 2px 0 3px;
    height: 50px;
    display: none;
    overflow: hidden;
    line-height: 14px;
    left: 50%;
    margin-left: 510px;
    text-align: center;
    color: #929292;
    position: absolute;
}

.G-wg-gotop:hover {
    text-decoration: none;
    color: #575757;
    background: url(../images/home/top.gif) no-repeat -25px 0;
}

.job-success-userlist-warp {
    width: 594px;
    margin: 0 auto;
}

.G-wg-userlist-simple {
    overflow: hidden;
}

.G-wg-userlist-simple li {
    float: left;
    display: inline;
    width: 178px;
    margin: -1px 10px 0 10px;
    padding: 11px 0 10px 0;
    background: url(../images/dot-line.gif) repeat-x 0 top;
    height: 58px;
}

.G-wg-userlist-simple li div.pic {
    float: left;
    display: inline;
}

.G-wg-userlist-simple li div.pic a {
    border: 1px solid #ccc;
    padding: 3px;
    width: 50px;
    height: 50px;
    display: block;
}

.G-wg-userlist-simple li div.pic img {
    width: 50px;
    height: 50px;
    display: block;
}

.G-wg-userlist-simple li div.pic a:hover {
    background: #e47600;
    border: 1px solid #e47600;
}

.G-wg-userlist-simple li div.bd {
    margin-left: 68px;
    _margin-left: 65px;
    zoom: 1;
}

.G-wg-userlist-simple li div.bd .name {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
}

.G-wg-userlist-simple li.last {
    border: none;
}

.G-wg-userlist-simple li div.info p {
    padding-top: 2px;
}

.G-wg-userlist-simple .tocard-btn {
    width: 65px;
    height: 20px;
    line-height: 20px;
    margin-top: 7px;
    text-align: center;
    font-weight: normal;
    background: url(/up/new-v2011/i/G-wg-userlist-simple.gif) no-repeat;
    display: block;
    color: #333;
}

.G-wg-userlist-simple a.tocard-btn:hover {
    color: #333;
    text-decoration: none;
}

.G-wg-userlist-simple span.tocard-btn {
    background-position: 0 -20px;
}

body.dialog {
    border: solid 6px #3dd6ff;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    height: 100%;
}

.throbber {
    background-image: url(../images/throbber.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

input.throbber {
    background-position: right center;
}

+
html .quickedit {
    display: inline-block;
}

.quickedit {
    width: 96%;
}

.quickedit:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.quickedit-chrome, .quickedit .edit {
    background-color: #ff9;
}

.quickedit .edit {
    border: inset 1px;
    display: block;
    width: 100%;
    margin: 4px 0;
    padding: 2px 0;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}

.quickedit textarea.edit {
    height: 4em;
}

div.error-note {
    display: inline;
    color: #F60;
    padding-left: 10px;
}

.spring {
    background: #fff;
    border: solid 1px #b5d991;
    position: absolute;
    z-index: 101;
}

.spring .tap {
    background: #fff;
    border: solid 1px #b5d991;
    border-width: 1px 1px 0 1px;
    margin-top: -21px;
    margin-left: -1px;
    height: 20px;
    padding: 0 2px;
    cursor: default;
    position: absolute;
    display: block;
}

* html .spring .tap {
    width: 64px;
    height: 20px;
    white-space: no-wrap;
    overflow: hidden;
}

.spring .tap h1 {
    margin: 4px 4px;
}

* html .spring .tap h1 {
    margin: 3px 4px 0 4px;
}

.spring .body {
    min-width: 120px;
    padding: 1px;
}

.spring .throbber {
    background-position: right bottom;
}

.spring .body .room {
    padding: 5px;
}

.matchbox {
    margin-right: 6px;
    z-index: 99999;
}

.pickpane {
    position: absolute;
    z-index: 9999;
    width: 160px;
    border: solid 1px #1571cc;
    background-color: #fff;
    margin-top: -1px;
    clear: both;
}

.pickpane ul.menu li {
    display: block;
    padding: 6px 8px;
    float: none;
    cursor: pointer;
    word-wrap: break-word;
}

.pickpane ul.menu li.selected {
    background-color: #1688D9;
    color: #fff;
    border: solid 1px #17A1E6;
    border-width: 1px 0;
    padding: 5px 8px;
}

.pickpane .scrollable {
    max-height: 200px;
    height: 200 px\9;
}

.pickpane .message {
    border-top: solid 1px #e6cb45;
    background-color: #ffffb3;
    padding: 8px;
}

.pickpane .message p {
    padding-bottom: 8px;
}

.pickpane .message a:link, .pickpane .message a:visited {
    color: #1470cc;
    font-size: 13px;
    font-weight: bold;
}

.pickpane li.exceeded {
    background: #f6f6f6;
    color: #999;
    cursor: default;
}

.pickpane a.letgo {
    margin-top: .5em;
}

.pickpane .notfound {
    padding: 4px 8px;
}

#systemnotice {
    margin: 0 30px;
}

.notice-info {
    border: solid 1px #E6CB45;
    padding: 4px 10px 4px 20px;
    background-color: #FFFFB3;
    margin: 5px 0 10px 0;
}

.notice-info .x {
    float: right;
    margin: 2px;
}

.tabs {
    top: 31px;
    left: 190px;
    background: none;
}

.tabs ul {
    margin-left: 6px;
}

.tabs li {
    float: left;
    margin-right: 4px;
}

.tabs li a:link, .tabs li a:visited, .tabs li a:hover, .tabs li a:link span, .tabs li a:visited span, .tabs li a:hover span, .tabs li.selected a:link span, .tabs li.selected a:visited span, .tabs li.selected a:link, .tabs li.selected a:visited {
    background-image: url(../images/tabs2.gif);
    background-tepeat: no-repeat;
}

.tabs li a:link, .tabs li a:visited {
    display: inline-block;
    line-height: 31px;
    height: 31px;
    text-align: center;
    background-position: 0 -182px;
    color: #666;
    font-weight: bold;
    padding-left: 20px;
}

.tabs li a:hover, .tabs li.selected a:link, .tabs li.selected a:visited {
    text-decoration: none;
    color: #fff;
    background-position: 0 -120px;
    padding-left: 20px;
}

.tabs li a:link span, .tabs li a:visited span {
    display: inline-block;
    height: 31px;
    line-height: 30px;
    _line-height: 34px;
    padding-right: 20px;
    background-position: right -213px;
    color: #666;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden;
}

.tabs li a:hover span, .tabs li.selected a:link span, .tabs li.selected a:visited span {
    color: #fff;
    background-position: right -151px;
}

.draggable {
    -moz-user-select: none;
}

.draggable .shadow {
    opacity: .2;
    filter: alpha(opacity = 0);
    visibility: hidden\9;
}

.draggable .cargo {
    opacity: .5;
    filter: alpha(opacity = 50);
}

.prompt {
    background: #ffffb3;
    border: solid 1px #e6cb45;
    padding: 4px 0 10px 8px;
    width: 140px;
    left: 0;
    top: 20px;
    _top: 27px;
    z-index: 1999;
}

.prompt a:link, .prompt a:visited {
    color: #1470cc;
    font-size: 13px;
    font-weight: bold;
}

.prompt h3 {
    font-weight: bold;
    cursor: default;
    margin: 4px 0;
    width: 195px;
}

.prompt .list li {
    padding-bottom: 5px;
}

#interactive-throbber {
    position: absolute;
    width: 400px;
    border: solid 1px #62B312;
    padding: 8px;
    z-index: 99999;
    background: #F2FFE5;
}

#interactive-throbber p {
    margin: 40px 16px 40px 80px;
    font-size: 10.5pt;
    padding-left: 20px;
    background: url(../images/throbber.gif) no-repeat left;
}

#interactive-throbber a.cancelme {
    float: right;
}

.peoplepicker .ticket {
    float: left;
    margin: 2px 2px 2px 0;
}

.peoplepicker .ticket a {
    height: 20px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
    background: transparent url(../images/pickpad.gif) no-repeat left top;
    margin: 0 2px;
    padding: 0 0 0 8px;
    cursor: default;
}

.peoplepicker .ticket .text {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}

.peoplepicker .ticket .delete {
    background: url(../images/delete.gif) no-repeat 0 -2px;
    display: inline-block;
    height: 20px;
    width: 20px;
    text-indent: -99999px;
    margin-left: 6px;
    background: transparent url(../images/pickpad.gif) no-repeat right 0;
    cursor: pointer;
    vertical-align: middle;
}

.peoplepicker .ticket a:hover {
    background-position: left bottom;
    color: #333;
}

.peoplepicker .ticket a:hover .delete {
    background-position: right bottom;
}

a.arrowhandler {
    height: 24px;
    width: 24px;
    text-indent: -9999px;
    display: inline-block;
    background: transparent url(../images/job/dropdown.gif) left top;
}

.peoplepicker a.arrowhandler {
    display: block;
}

.peoplepicker .groove {
    border: solid 1px #ddd;
    background: #fff;
    padding: 2px;
    cursor: text;
    float: left;
    min-height: 24px;
    _height: 24px;
}

.peoplepicker .toolbar {
    background-color: #f3faff;
    padding: 5px;
    height: 20px;
    border-bottom: solid 1px #dde8f0;
}

.peoplepicker .toolbar label {
    margin-top: 2px;
    display: inline-block;
}

.peoplepicker .toolbar .push {
    float: right;
}

.peoplepicker .toolbar .push .remove {
    display: inline-block;
    margin-left: 6px;
}

.peoplepicker .floatright {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.peoplepicker .groove input.text {
    border: none !important;
    width: 64px;
    margin-top: 3 px\9;
}

.peoplepicker .groove input.idle {
    width: 140px;
    font-size: 10.5pt;
    color: #999;
    padding-left: 18px;
    background: #fff url(../images/find.png) no-repeat 3px center;
}

.peoplepicker .shelf {
    position: absolute;
    border: solid 1px #59bdff;
    background: #fff;
    height: 200px;
    clear: both;
    margin-top: -1px;
}

.peoplepicker .shelf .scrollable {
    padding: 0 6px;
}

.peoplepicker .shelf .buddies li {
    float: left;
    width: 88px;
    color: #1687d9;
    word-wrap: normal;
}

.peoplepicker .shelf .buddies li label {
    width: 62px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
}

.peoplepicker .shelf .buddies li.checked {
    color: #333;
}

.peoplepicker .scratched {
    float: left;
    padding: 2px;
}

.editor {
    width: 600px;
    border: solid 1px #ccc;
    margin-top: 8px;
}

.editor .toolbar {
    padding: 3px;
    background: #f4f4f4;
    border-bottom: solid 1px #e6e6e6;
}

.editor .toolbar .sep {
    background: transparent url(../images/editor-sep.gif);
    width: 2px;
}

.editor .toolbar li {
    background: transparent url(../images/editor-button.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 2px;
}

.editor .toolbar li.sep {
    background: transparent url(../images/editor-sep.gif);
    width: 2px;
}

.editor .toolbar li a {
    display: block;
    text-align: center;
    line-height: 24px;
    color: #666;
}

.editor .toolbar li a:hover {
    color: #666;
    text-decoration: none;
}

.editor .toolbar li.hover {
    background-position: left -24px;
}

.editor .toolbar li.active {
    background-position: left -48px;
}

.editor .toolbar li.command-size-l {
    font-size: 12pt;
}

.editor .toolbar li.command-size-m {
    font-size: 10.5pt;
}

.editor .toolbar li.command-size-s {
    font-size: 9pt;
}

.editor .toolbar .com {
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}

.editor .toolbar li.command-b {
    font-weight: bolder;
}

.editor .toolbar li.command-smiley span.com {
    background-image: url(../images/editor-smiley.gif);
}

.editor .toolbar li.command-img span.com {
    background-image: url(../images/editor-image.gif);
}

.editor .toolbar li.command-link span.com {
    background-image: url(../images/editor-url.gif);
}

.editor textarea {
    padding: 4px;
    display: block;
    border: 0;
    width: 592px;
}

.editor .pane {
    position: absolute;
    margin-left: 111px;
    margin-top: -5px;
    border: solid 1px #62b312;
    padding: 8px;
    width: 240px;
    background: #fff;
}

.editor .smileys {
    margin-left: 111px;
}

.editor .picture {
    margin-left: 137px;
}

.editor .insertlink {
    margin-left: 163px;
}

.editor .smileys .face {
    width: 20px;
    height: 20px;
    margin: 2px;
    cursor: pointer;
}

.editor .smileys li {
    float: left;
}

.upload-button {
    background: #ff0;
}

.swfupload .dummy {
    cursor: default;
    display: block;
    cursor: pointer;
}

.dialog {
    position: absolute;
    top: 200px;
    left: 500px;
    z-index: 99;
    color: #333;
    width: 400px;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.2);
    *background-color: #ccc;
    background-color: #ccc\9;
    zoom: 1;
}

.dialog h3 {
    font-size: 12px;
    color: #333;
}

.dialog .body {
    padding: 0 5px;
    word-break: break-all;
    font-size: 12px;
    background: none;
}

.dialog .body .plate {
    background: #fff;
    opacity: 1 !important;
    border: solid 1px #888;
    border-width: 0 1px;
    padding: 8px;
    min-height: 100px;
}

.dialog .top {
    background: url(../images/dialog/dialog_top.png) no-repeat right top;
    _background: #4D4D4D;
    height: 10px;
    font-size: 0;
    margin-left: 10px;
    _margin-left: 0;
    _text-align: left;
    _position: relative;
}

.dialog .top .corner {
    background: url(../images/dialog/dialog_top.png) no-repeat left top;
    _background: none;
    zoom: 1;
    font-size: 0;
    height: 10px;
    width: 10px;
    float: left;
    margin-left: -10px;
    _width: 0;
    _position: absolute;
}

.dialog .bottom {
    background: url(../images/dialog/dialog_bottom.png) no-repeat left bottom;
    height: 10px;
    margin-right: 10px;
    font-size: 0;
    _background: #4D4D4D;
    _margin-right: 0;
}

.dialog .bottom .corner {
    background: url(../images/dialog/dialog_bottom.png) no-repeat right bottom;
    _background: none;
    font-size: 0;
    height: 10px;
    width: 10px;
    float: right;
    margin-right: -10px;
    _width: 0;
    _margin-right: 0;
}

.dialog .titlebar {
    height: 27px;
    background-color: rgb(16, 3, 17);
    border: solid 1px rgb(48, 127, 201);
}

.dialog .titlebar h1 {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 6px 0 12px;
    float: left;
}

.dialog .titlebar a.close {
    background: transparent url(../images/dialog_close.png) left top no-repeat;
    width: 19px;
    height: 19px;
    text-indent: -9999px;
    float: right;
    cursor: pointer;
    margin: 4px;
    overflow: hidden;
}

.dialog .titlebar a.close:hover {
    background: transparent url(../images/dialog_close.png) left -19px no-repeat;
}

.dialog .light-bg {
    min-height: 100px;
    background: #fff;
    margin: -14px -14px 0 -14px;
    padding: 14px;
}

.dialog .client {
    background-color: #FFF;
    border: solid 1px #888;
    border-width: 0 1px;
    padding: 14px;
    height: auto !important;
    min-height: 60px;
    _height: 60px;
}

.dialog .client .dock {
    border-top: solid 1px #dedede;
    background-color: #f6f6f6;
    padding: 12px;
    text-align: center;
    margin: 12px -14px -14px -14px;
}

.dialog .error {
    padding: 0 4px;
    position: absolute;
    margin-top: 2px;
}

.dialog .error {
    color: red;
}

.dialog .warning {
    background: #ffc url(../images/dialog-alert.gif) no-repeat 12px center;
    padding: 6px 0 6px 36px;
    border: solid 1px #eee;
    border-width: 0 1px 1px 1px;
    border-color: #eee #888;
}

.dialog .buttons {
    clear: both;
    padding: 8px 20px 8px 0;
    _padding: 8px 12px 4px 0;
    *padding-right: 12px;
    text-align: right;
    border: 1px solid #888;
    border-top-color: #ccc;
    background-color: #f6f6f6;
    background-position: 8px center;
}

.dialog .buttons button {
    *margin-right: 8px;
    margin-left: 6px;
    *margin-left: 4px;
    position: relative;
}

.dialog .succee {
    padding-top: 25px;
}

.dialog .succee p {
    text-align: center;
}

.confirmbox .tip {
    position: absolute;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin-top: 7px;
}

.confirmbox.lb .tip {
    background-position: left top;
    right: 6px;
    top: -23px;
}

.confirmbox.lt .tip {
    background-position: 0 10px;
    right: 10px;
    bottom: -17px;
}

.confirmbox.rb .tip {
    background-position: right top;
    left: 10px;
    top: -24px;
}

.confirmbox.rt .tip {
    background-position: 10px 10px;
    left: 10px;
    bottom: -17px;
}

.dialog-content h2 {
    font-weight: bold;
}

#industry-dialog-content .lowlevel li, #occupations-dialog-content .lowlevel li {
    width: 174px;
}

#major-dialog-content .lowlevel li {
    width: 174px;
}

#regions-dialog-content ul.lines li {
    float: left;
    width: 88px;
    height: 24px;
    line-height: 24px;
}

.dialog-content li.foldable {
    float: left;
    width: 128px;
    height: 24px;
    line-height: 24px;
    margin-right: 0;
}

.dialog-content .pool {
    border: solid 1px #e6e6e6;
    background-color: #fff;
    padding: 8px;
    text-align: left;
}

#wholeworld-dialog-content .pool {
    height: 240px;
    overflow-y: auto;
}

.dialog-content .pool .foldable {
    height: 25px;
}

.dialog-content .pool .border {
    background: url(../images/bl.gif) repeat-x bottom;
}

.dialog-content .pool .foldable span {
    padding: 1px 0 0 6px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    color: #1688D9;
    cursor: pointer;
    width: 78px;
}

#wholeworld-content-profession .pool .foldable span, #profession-dialog-content .pool .foldable span {
    width: 160px;
}

#wholeworld-content-profession .pool .lowlevel ul li, #profession-dialog-content .pool .lowlevel ul li {
    width: 160px;
}

#wholeworld-content-profession1 .pool .foldable span, #profession1-dialog-content .pool .foldable span {
    width: 160px;
}

#wholeworld-content-profession1 .pool .lowlevel ul li, #profession1-dialog-content .pool .lowlevel ul li {
    width: 160px;
}

#itskill-dialog-content .pool .foldable span {
    width: 130px;
    overflow: hidden;
}

#cert-dialog-content .pool .lowlevel ul li {
    width: 150px;
}

#cert-dialog-content .pool .foldable span {
    width: 120px;
    overflow: hidden;
}

#itskill-dialog-content .pool .lowlevel ul li {
    width: 130px;
}

#itskill-dialog-content .pool .lowlevel {
    width: 670px;
}

.dialog-content .pool .foldable span.open {
    background: #E7F5FC;
    border: 1px solid #B9E3F7;
    border-bottom: none;
}

.dialog-content .pool .foldable span.close {
    border-bottom: none;
    background: none;
}

.dialog-content .pool .foldable span.open label {
    background: url(../images/select.gif) no-repeat top right;
    padding-right: 10px;
    cursor: pointer;
}

.dialog-content .pool .foldable span.close label {
    background: url(../images/select.gif) no-repeat bottom right;
    padding-right: 15px;
    cursor: pointer;
}

.dialog-content .pool .lowlevel {
    border: 1px solid #B9E3F7;
    border-top: none;
    background: #E7F5FC;
    margin-bottom: 5px;
    padding: 10px 0 5px 10px;
}

.dialog-content .pool .lowlevel ul li {
    float: left;
    width: 88px;
    padding-bottom: 5px;
}

#wholeworld-dialog-content .content-container {
    width: 580px;
}

#wholeworld-dialog-content li.foldable {
    float: left;
    width: 148px;
    overflow: hidden;
}

#major-dialog-content-pickarea {
    width: 560px;
}

#major-dialog-content-pickarea li.foldable {
    float: left;
    width: 170px;
    overflow: hidden;
}

#wholeworld-dialog-content li.foldable .subpane {
    margin-left: 2em;
}

#wholeworld-dialog-content .menu {
    margin-left: 15px;
    border: 1px solid #D0D0D0;
    width: 70px;
    text-align: center;
}

#wholeworld-dialog-content .menu li {
    height: 28px;
    line-height: 28px;
    float: none;
    margin-right: 0;
}

#wholeworld-dialog-content .menu li a:link, #wholeworld-dialog-content .menu li a:visited {
    color: #3D990F;
    display: block;
}

#wholeworld-dialog-content .menu li a:hover {
    background: url(../images/dialog_hover.gif) repeat-x;
    display: block;
    text-decoration: none;
    color: #333;
}

#wholeworld-dialog-content .menu li.current a {
    background: url(../images/dialog_hover.gif) repeat-x;
    display: block;
}

#industry-block .pool li {
    float: left;
    width: 230px;
}

#industry-block .pool li ul.lowlevel {
    padding-left: 18px;
}

#industry-block .pool li ul.lowlevel li {
    padding-left: 16px;
    background: url(../images/foldable.gif) no-repeat -48px 0;
}

#industry-dialog .tags {
    margin-left: 15px;
    border: 1px solid #D0D0D0;
    width: 70px;
    text-align: center;
}

#industry-dialog .tags li {
    height: 26px;
    line-height: 26px;
}

#industry-dialog .tags li a:link, industry-dialog .tags li a:visited {
    color: #3D990F;
}

#industry-dialog .tags li a:hover {
    background: #E1E2E2;
    display: block;
    text-decoration: none;
    color: #333;
}

#industry-dialog .tags li.current a {
    background: #E1E2E2;
    display: block;
}

.dialog-content .selected {
    padding: 4px 0;
    background: #fff;
    min-height: 20px;
    overflow: hidden;
}

.dialog-content .selected li {
    float: left;
    margin-bottom: 4px;
}

.dialog-content .selected li a {
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
    background: transparent url(../images/pickpad.gif) no-repeat left top;
    margin: 0 2px;
    padding-left: 8px;
    cursor: default;
}

.dialog-content .selected li .delete {
    background: url(../images/delete.gif) no-repeat 0 -2px;
    display: inline-block;
    height: 20px;
    width: 20px;
    text-indent: -99999px;
    margin-left: 6px;
    background: transparent url(../images/pickpad.gif) no-repeat right top;
    cursor: pointer;
}

.dialog-content .selected li a:hover {
    background-position: left bottom;
    color: #333;
}

.dialog-content .selected li a:hover .delete {
    background-position: right bottom;
}

#industry-dialog-content .pool .item, #wholeworld-content-industry .pool .item, #occupations-dialog-content .pool .item, #campus-profession-dialog-content .pool .item, #campus-profession-dialog-content .pool .item {
    width: 180px;
    float: left;
    padding-bottom: 6px;
}

#industry-dialog-content .selected, #occupations-dialog-content .selected {
    margin-bottom: 20px;
}

.dialog-footer {
    border-top: 1px solid #e4e4e4;
    margin: 0 -14px -14px -14px;
    _margin: 0 -14px -10px -14px;
    padding-top: 9px;
    padding-right: 20px;
    height: 36px;
    _height: 32px;
    text-align: right;
}

#school-dialog-content-pickarea li.checkable {
    float: left;
    width: 150px;
}

.dialog .yy-buttons {
    clear: both;
    padding: 8px 8px 8px 0;
    _padding: 8px 8px 4px 0;
    text-align: right;
    border-top: 1px solid #ccc;
    background-color: #f6f6f6;
    background-position: 8px center;
    margin: 0 -14px -14px -14px;
}

.dialog .yy-buttons .default {
    margin-right: 8 px\9;
}

.dialog-content .drillpane {
    clear: both;
    border: solid 1px #ccc;
}

.dialog-content .drillpane .column {
    width: 166px;
    float: left;
    padding: 1px;
    border-right: solid 1px #ccc;
    height: 269px;
}

.dialog-content .drillpane .column .scrollable {
    height: 244px;
}

.dialog-content .drillpane .column input.checkbox {
    float: left;
    height: 13px;
    height: 13px;
    margin: 0;
}

.dialog-content .drillpane .column label.checkbox {
    display: block;
    padding-left: 18px;
    padding-left: 22 px\9;
    line-height: 13px;
}

.dialog-content .drillpane .column .caption {
    background: url(../images/pickpad-dotted.gif) left bottom repeat-x;
    padding: 4px 0;
    margin: 0 4px;
    font-weight: bold;
}

.dialog-content .drillpane .column-middle {
    width: 188px;
}

.dialog-content .drillpane .column-right {
    border-right: none;
    width: 204px;
}

.dialog-content .drillpane .column li {
    display: block;
    padding: 4px 8px;
    color: #333;
    line-height: 12px;
    margin-top: 1px;
    cursor: default;
    clear: both;
}

.dialog-content .drillpane .column-middle li, .dialog-content .drillpane .column-right li {
    padding: 0 4px/9;
}

.dialog-content .drillpane .column li.drillable {
    background: url(../images/array.gif) -638px -797px no-repeat;
}

.dialog-content .drillpane .column-middle li.drillable {
    background-position: -616px -797px;
}

.dialog-content .drillpane .column li.hover {
    color: #333;
    background-color: #f8f8f8;
}

.dialog-content .drillpane .column li.drilled {
    background-color: #dff1fc;
    background-position: -628px -864px no-repeat;
}

#interactive-box-position-dialog .client, #interactive-box-profession-dialog .client, #interactive-box-profession1-dialog .client {
    padding: 20px 30px;
}

.dialog-content .tabBar {
    margin-bottom: 10px;
}

#wholeworld-position-dialog-content .column-right, #wholeworld-profession1-dialog-content .column-right {
    width: 216px;
}
/****************************
div {
    text-align: left;
}

#header, #content {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
}

#header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#footer {
    line-height: 1.5;
    margin-top: 16px;
    clear: both;
}
*/
#spanning {
    width: 960px;
    margin: 0 auto 15px auto;
}

#sidecolumn {
    float: right;
}

#leftcolumn {
    float: left;
    width: 200px;
    margin-right: 20px;
}

div.content-blank {
    background-image: none;
}

#content .floor {
    background: url(../images/roof.gif) no-repeat bottom;
    height: 30px;
    clear: both;
}

#navigation {
    background: url(../images/roof.gif) no-repeat top;
    height: 64px;
    position: relative;
    z-index: 10;
}

#navigation.minheight {
    height: 60px;
}

#navigation .tabs {
    position: absolute;
}

#navigation h1 {
    background: url(../images/resume_title.gif) no-repeat 0 17px;
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 35px;
    margin: 0 22px;
    padding: 18px 0 18px 35px;
    font-size: 20px;
    font-family: "瀵邦喛钂嬮梿鍛寸拨", "Microsoft Yahei", "姒涙垳缍�", "Hei";
    color: #666;
}

#navigation h1.setting {
    background: url(../images/setting.gif) no-repeat;
}

#navigation h1.delivery {
    background: url(../images/delivery.png) no-repeat 0 18px;
    _background: url(../images/delivery.gif) no-repeat 0 18px;
    height: 22px;
    line-height: 22px;
    margin: 0 0 0 23px;
    padding-bottom: 18px;
    padding-top: 22px;
    padding-top: 24 px\0;
}

#navigation h1.account {
    background: url(../images/account.gif) no-repeat 0 17px;
}

#maincolumn {
    float: left;
    width: 720px;
}

#rightcolumn {
    width: 240px;
    float: right;
}

#rightcolumn ul.list {
    width: 200px;
    margin: auto;
}

#fullcolumn {
    width: 958px;
    margin: auto;
    border: solid 1px #d1d1d1;
    border-width: 0 1px;
}

.subsubNav {
    margin: 0 auto 20px auto;
    width: 960px;
    padding-left: 20px;
}

.subsubNav a {
    cursor: pointer;
}

.subsubNav em {
    margin: 0 4px 0 8px;
    display: inline-block;
    color: #ccc;
}

body {
    background-color: #fff;
}

#login, #accounts {
    width: 720px;
    margin: auto;
    padding-top: 40px;
}

#login .roof, #accounts .roof {
    height: 10px;
    overflow: hidden;
}

#login .roof {
    background: url(../images/login-bg-v2.gif) no-repeat 0 0;
}

#login .floor, #accounts .floor {
    height: 10px;
    overflow: hidden;
}

#login .floor {
    background: url(../images/login-bg-v2.gif) no-repeat 0 -10px;
}

#login .room {
    background: #fafafa;
    overflow: hidden;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

#login .room .left {
    width: 380px;
    float: left;
    padding: 35px 35px 25px 50px;
}

#accounts .room h3 {
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 100%;
    padding: 10px 0 8px 0;
    margin-bottom: 10px;
}

#login .room .left .error {
    text-align: center;
    border: 1px solid #E65C17;
    color: #e65c17;
    padding: 6px 10px;
    background: #FFF3E6;
}

#login .room .left .login-main {
    padding: 20px 0 30px 25px;
}

#login .room .left .login-main .text {
    width: 180px;
}

#login .room .right dt {
    line-height: 100%;
    padding: 10px 0 10px 0;
}

#login .room .right dd {
    padding-bottom: 25px;
}

.company-ico {
    background: url(../images/array.gif) no-repeat 0 -602px;
    padding-left: 16px;
    padding-top: 3px;
}

#accounts .roof {
    background: url(../images/accounts-bg.gif) no-repeat 0 0;
}

#accounts .room {
    background: #fafafa;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
    padding: 0 30px;
}

#accounts .floor {
    background: url(../images/accounts-bg.gif) no-repeat 0 -10px;
}

#accounts .back-password {
    padding: 30px 0;
    width: 450px;
    margin: auto;
}

#accounts .back-password .info {
    padding-bottom: 14px;
    line-height: 100%;
}

.mail-succeed {
    background: url(../images/mail-succeed.gif) no-repeat 0 0;
    padding: 2px 0 15px 58px;
}

#accounts .back-password .title {
    padding-bottom: 4px;
}

.point {
    background: url(../images/array.gif) no-repeat -3px -644px;
    padding-left: 10px;
}

.mail-msg a {
    color: #1687d9;
}

.mail-msg dt {
    padding-bottom: 5px;
}

#accounts .edit-password {
    width: 290px;
    margin: auto;
    padding: 20px 0 30px;
}

#accounts .edit-password .text {
    width: 194px;
}

#accounts .edit-password .error {
    background: none;
    border: none;
}

#accounts .edit-password .succee {
    background: url(../images/success.gif) no-repeat 0 -94px;
    padding: 2px 0 10px 35px;
    height: 28px;
    line-height: 26px;
    font-weight: bold;
    font-size: 14px;
}

#accounts .edit-password p {
    padding-bottom: 1px;
}

#pop-login .error {
    text-align: center;
    border: 1px solid #E65C17;
    color: #e65c17;
    padding: 6px 10px;
    background: #FFF3E6;
    position: relative;
    width: 292px;
    margin-left: 16px;
    _margin-left: 21px;
    margin-top: 10px;
}

#login h3 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
}

#login td {
    padding: 5px 4px;
}

.start-login .left {
    border-right: 1px solid #f5f5f5;
}

.start-login .right {
    padding: 30px 32px 0;
    width: 183px;
}

.start-login .right dt {
    line-height: 16px;
    padding: 0 0 10px;
}

.start-login .right dd {
    padding-bottom: 25px;
}

.button-login a.reg-btn {
    width: 107px;
}

.button-login a.reg-btn span {
    width: 104px;
}

.reg-btn-tip2 .sinaLogo {
    padding: 3px 0 3px 23px;
    color: #999;
    line-height: 16px;
    display: inline-block;
    background: url(../images/sinaLogo.gif) 0 2px no-repeat;
}

.start-login table.form .text {
    width: 256px;
    height: 20px;
    padding: 8px 10px;
    line-height: 20px;
    background: #f9f9f9;
    overflow: hidden;
    font-size: 16px;
}

.start-login .right p a {
    display: inline-block;
    width: 160px;
    height: 38px;
    background: url(../images/join2.gif) 0 0 no-repeat;
}

.start-login table.form .text {
    background-color: #fff;
}

a.reg-btn, a.reg-btn span {
    background: url(../images/bg-reg-btn.gif) no-repeat;
}

a.reg-btn {
    background-position: 0 -100px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    height: 41px;
    padding-left: 3px;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 12px;
}

a.reg-btn span {
    background-position: right -100px;
    color: #333;
    cursor: pointer;
    display: block;
    width: 144px;
    height: 41px;
    line-height: 41px;
    padding-right: 3px;
    text-align: center;
    _height: 15px;
    _padding-top: 13px;
    _padding-bottom: 13px;
    _line-height: 15px;
}

a.reg-btn span img {
    vertical-align: middle;
    padding-right: 12px;
}

a.reg-btn:hover {
    background-position: 0 -150px;
    text-decoration: none;
    color: #FFF;
}

a.reg-btn:hover span {
    background-position: right -150px;
    text-decoration: none;
    color: #FFF;
}

a.reg-btn.reg-company-btn:hover {
    background-position: 0 -200px;
    text-decoration: none;
}

a.reg-btn.reg-company-btn:hover span {
    background-position: right -200px;
    text-decoration: none;
}

a.reg-btn.tgreen {
    background-position: 0 -150px;
}

a.reg-btn.tgreen span {
    background-position: right -150px;
    color: #FFF;
}

a.reg-btn-next {
    background: url(../images/bg-reg-btn.gif) 0 -250px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 15px;
}

a.reg-btn-next span {
    padding-left: 47px;
}

a.reg-btn-next:hover {
    text-decoration: none;
    color: #fff;
    background-position: right -250px;
}

.start-login .msg-error {
    margin-right: 9px;
}

.snsdiv {
    line-height: 21px;
    padding: 10px 0 0 110px;
    height: 21px;
    overflow: hidden;
}

.snssina {
    background: url(../images/snslogo2.gif) no-repeat;
    width: 124px;
    height: 21px;
    display: inline-block;
}

.snsrenren {
    background: url(../images/snslogo2.gif) 0 -25px no-repeat;
    width: 111px;
    height: 21px;
    display: inline-block;
}

body {
    background-color: #fff;
}

#regist {
    width: 960px;
    margin: auto;
}

#regist .roof {
    background: url(../images/regist-bg.gif) no-repeat 0 0;
    height: 10px;
    overflow: hidden;
}

#regist .floor {
    background: url(../images/regist-bg.gif) no-repeat 0 -10px;
    height: 10px;
    overflow: hidden;
}

#regist .room {
    background: url(../images/regist-bg.gif) repeat-y -960px 0;
    overflow: hidden;
    padding: 25px 25px 40px 25px;
}

#regist .room .left {
    float: left;
    padding: 0 50px 0 85px;
    width: 480px;
}

#regist .room .right {
    float: left;
    padding-left: 22px;
    width: 270px;
}

#regist .room .left h1 {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    font-family: "寰蒋闆呴粦";
    color: #3D990F;
}

#regist .room .regist-main {
    padding-top: 20px;
}

#regist .room .regist-main .btn-box, #pop-regist .btn-box {
    padding-left: 80px;
}

#regist .room .open {
    padding: 4px 4px 5px 5px;
    background: url(../images/array.gif) no-repeat -785px -490px;
    margin-right: 5px;
}

#regist .room .close {
    padding: 4px 4px 5px 5px;
    background: url(../images/array.gif) no-repeat -784px -526px;
    margin-right: 5px;
}

#regist .room .right .login-right-item {
    padding-left: 50px;
    height: 65px;
    margin: 5px;
    0;
}

#regist .room .right .login-right-item dt {
    font-weight: bold;
    color: #1687d9;
}

#regist .room .right .login-right-item dd {
    color: #666;
}

#regist .room .right .item1 {
    background: url(../images/right-ico.gif) no-repeat 0 0;
}

#regist .room .right .item2 {
    background: url(../images/right-ico.gif) no-repeat 0 -70px;
}

#regist .room .right .item3 {
    background: url(../images/right-ico.gif) no-repeat 0 -140px;
}

#regist .room .right .item4 {
    background: url(../images/right-ico.gif) no-repeat 0 -210px;
}

#regist .room .right h3 {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    padding-bottom: 9px;
}

#regist .room .reg-hover {
    color: #333;
    vertical-align: baseline;
}

#regist .room .reg-hover:hover {
    color: #1687d9;
}

#unchoose {
    padding-left: 23px;
}

#accounts {
    width: 640px;
    margin: auto;
    padding-top: 40px;
}

#accounts .roof {
    background: url(../images/accounts-bg.gif) no-repeat 0 0;
    height: 10px;
    overflow: hidden;
}

#accounts .room {
    background: #fafafa;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
    padding: 0 30px;
}

#accounts .floor {
    background: url(../images/accounts-bg.gif) no-repeat 0 -10px;
    height: 10px;
    overflow: hidden;
}

#accounts .back-password {
    padding: 40px 0;
    width: 450px;
    margin: auto;
}

#accounts .back-password .info {
    padding-bottom: 14px;
    line-height: 100%;
}

#accounts .back-password .title {
    padding-bottom: 4px;
}

#accounts .room h3 {
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 100%;
    padding: 10px 0 8px 0;
    margin-bottom: 10px;
}

#accounts .room .email-testing {
    padding: 35px 30px;
}

#accounts .room .email-testing .left {
    height: 45px;
    float: left;
    width: 170px;
    margin-top: 4px;
}

#accounts .room .email-testing .right {
    float: left;
    width: 300px;
    overflow: hidden;
    padding-left: 15px;
}

#accounts .room .email-testing .right .text {
    width: 200px;
}

#accounts .mail-activate .mail-msg {
    background: url(../images/activate-mail.gif) no-repeat 50px 30px;
    padding: 30px 0 30px 140px;
    width: 420px;
    border-bottom: 1px solid #e4e4e4;
}

#accounts .mail-activate .mail-msg dd {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 3px;
}

#accounts .mail-activate .mail-msg dt {
    padding-bottom: 5px;
}

#accounts .mail-activate .mail-help {
    padding: 10px 0;
}

#accounts .mail-activate .mail-help dt {
    font-weight: bold;
    padding-bottom: 2px;
}

#accounts .mail-activate .mail-help dd {
    padding-left: 12px;
    background: url(../images/list.gif) no-repeat 2px 7px;
    padding-top: 1px;
    padding-bottom: 2px;
}

#pop-regist {
    padding-left: 110px;
    text-align: left;
    padding-top: 20px;
}

#pop-regist h1, #pop-login h1 {
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    color: #3D990F;
    font-family:鈥滃井杞泤榛戔€�;
}

#pop-login h1 {
    padding-left: 12px;
}

#pop-login {
    padding-left: 64px;
    text-align: left;
    padding-top: 20px;
}

#reg_form .pickpane, #pop-regist .pickpane {
    width: 224px;
}

#pop-regist .open {
    padding: 4px 4px 5px 5px;
    background: url(../images/array.gif) no-repeat -785px -490px;
    margin-right: 5px;
}

#pop-regist .close {
    padding: 4px 4px 5px 5px;
    background: url(../images/array.gif) no-repeat -784px -526px;
    margin-right: 5px;
}

#pop-regist .regist-main {
    padding-top: 13px;
}

#pop-regist a.g6:visited {
    color: #666;
}

#pop-login {
    text-align: left;
    padding-top: 18px;
}

#pop-login .text {
    width: 180px;
}

#pop-login .login-main {
    padding-top: 10px;
    padding-left: 10px;
}

.personal-invite {
    padding-top: 20px;
}

.personal-invite .dp {
    width: 80px;
    height: 80px;
}

.personal-invite .dp img {
    width: 80px;
    height: 80px;
}

.personal-invite .info {
    padding-left: 5px;
    width: 310px;
}

.personal-invite .pop {
    padding-left: 10px;
}

.reg-btn {
    width: 74px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: url(../images/reg-btn.gif) no-repeat 0 0;
}

*html .dialog .client {
    position: relative;
    zoom: 1;
}

.dj-dialog-login {
    padding: 20px 20px 20px 35px;
}

.dj-dialog-login .hd {
    height: 18px;
    margin-bottom: 18px;
    padding-left: 14px;
    border-left: 5px solid #D87000;
}

.dj-dialog-login .dj-login-box .hd {
    margin-bottom: 27px;
}

.dj-dialog-login .hd h3 {
    font-size: 18px;
    font-family: "瀵邦喛钂嬮梿鍛寸拨";
    line-height: 18px;
}

.ua-ie6 .dj-dialog-login .hd h3 {
    line-height: 1.0;
    padding-top: 4px;
}

*html .dj-login-mod .hd h3 {
    line-height: 1.0;
    padding-top: 4px;
}

.dj-dialog-login .social-login-box, .dj-dialog-login .dj-login-box {
    width: 295px;
    float: left;
}

.dj-dialog-login .social-login-box {
    padding-right: 58px;
    float: left;
}

.dj-dialog-login .dj-login-box {
    padding-left: 54px;
    border-left: 1px solid #e4e4e4;
}

.dj-dialog-login .social-login-box {
    padding-right: 20px;
}

.dj-dialog-login .dj-login-box {
    padding-left: 30px;
}

.dj-dialog-login input.reg-input-wrap {
    width: 200px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 10px;
    margin-right: 0;
    overflow: hidden;
    vertical-align: middle;
    background: #f9f9f9;
    color: #000;
    border: 1px solid;
    border-color: #c6c6c6 #eeeeee #eee #c6c6c6;
}

input.reg-input-wrap.focus {
    background: #FFFED7;
}

.dj-dialog-login .social-login-list {
    padding: 8px 0 30px;
}

.dj-dialog-login .social-login-list li {
    width: 132px;
    height: 42px;
    margin: 0 15px 15px 0;
    background: url(../images/social_login_btn.png) no-repeat 0 -38px;
    float: left;
}

.dj-dialog-login .social-login-list a, .dj-dialog-login .social-login-list span {
    color: #333;
    width: 92px;
    height: 42px;
    line-height: 42px;
    padding-left: 40px;
    background: url(../images/social_login_icon.png) no-repeat 0 -38px;
    display: inline-block;
}

.dj-dialog-login .social-login-list a:hover {
    color: #333;
    text-decoration: none;
}

.dj-dialog-login .social-login-list li.login-renren-link a {
    background-position: 16px 10px;
}

.dj-dialog-login .social-login-list li.login-kaixin001-link a {
    background-position: 16px -25px;
}

.dj-dialog-login .social-login-list li.login-msn-link a {
    background-position: 16px -62px;
}

.dj-dialog-login .social-login-list li.login-weibo-link a {
    background-position: 16px -97px;
}

.dj-dialog-login .social-login-list li.login-msn-link-no span {
    color: #999;
    background-position: 16px -134px;
    cursor: default;
}

.dj-dialog-login .social-login-list li.login-qqweibo-link a {
    background-position: 16px -169px;
}

.dj-dialog-login .dj-login-box a.goto-login-btn b {
    padding: 3px 25px 3px 20px;
}

.dialog .dj-dialog-login .login-table .error {
    position: relative;
}

.dj-dialog-login .login-table th, .dj-dialog-login .login-table td {
    height: 50px;
    *height: 40px;
    font-size: 14px;
    vertical-align: top;
}

.dj-dialog-login .login-table th {
    text-align: right;
    padding: 10px 10px 0 0;
    width: 50px;
}

.dj-dialog-login .login-table .spc-tr th, .dj-dialog-login .login-table .spc-tr td {
    font-size: 12px;
    height: 40px;
}

.dj-dialog-login .login-table .spc-tr .fr {
    font-size: 12px;
    padding-top: 3px;
}

.dj-dialog-login .login-table td .error {
    padding: 4px 0 10px;
}

.dj-dialog-login .fr {
    float: right;
}

a.goto-login-btn, a.goto-login-btn b {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    background: url(../images/bg_reg_btn.png) no-repeat 0 -183px;
    display: inline-block;
    cursor: pointer;
}

a.goto-login-btn {
    height: 30px;
    padding-left: 5px;
    vertical-align: middle;
}

a.goto-login-btn b {
    width: auto;
    height: 24px;
    padding: 3px 16px 3px 11px;
    line-height: 24px;
}

a.goto-login-btn b {
    background-position: 100% -183px;
}

a.goto-login-btn, a.goto-login-btn b, a.goto-login-btn:hover {
    color: #333;
    text-decoration: none;
}

a.goto-login-btn:hover {
    background-position: 0 -223px;
}

a.goto-login-btn:hover b {
    background-position: 100% -223px;
}

table.form td {
    padding: 4px 4px;
}

table.big-lineheight td {
    padding: 6px 4px;
}

table.form td.aster, .aster {
    font-family: "寰蒋闆呴粦";
    color: #f00;
    padding: 6px 0;
}

table.form td.input {
    vertical-align: middle;
}

table.form td.input input.text, table.form td.input select {
    vertical-align: middle;
}

table.form td.label, table.form th.label {
    text-align: right;
}

table.form td.label-m, table.form th.label-m {
    text-align: right;
    vertical-align: middle;
}

table.form td.reg-label {
    font-weight: bold;
    color: #666;
}

table.form label.checkbox {
    line-height: 16px;
}

table.form .tips, table.form .error, table.form .tips, table.form a {
    vertical-align: middle;
}

table.form .tips {
    color: #999;
}

table.form .submitbutton {
    padding: 2em 0;
}

table.form input.text {
    width: 220px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background-color: #fff;
    padding: 2px 2px;
    height: 18px;
}

table.form .select {
    width: 180px;
}

table.form td textarea {
    width: 380px;
    height: 90px;
    overflow-y: auto;
}

table.info {
    margin-top: 10px;
    width: 100%;
}

table.info td, table.info th {
    padding: 4px;
    _padding: 4px 0;
    vertical-align: text-top;
    line-height: 21px;
}

table.info td.label {
    text-align: right;
    color: #999;
}

input.focus {
    border-color: #159ee2;
}

input.checking {
    background: #fffcd9;
    border-color: #ff8c19;
}

.wrong-msg {
    color: #e65c17;
}

table.form td span.ico {
    padding: 7px 8px;
}

table.form td span.success {
    background: url(../images/success.gif) no-repeat 0 -157px;
    border: none;
}

span.formIcon {
    padding: 7px 8px;
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

span.formSuccess {
    background: url(../images/array.gif) no-repeat 0 -402px;
    border: none;
}

span.formWrong {
    background: url(../images/array.gif) no-repeat right -400px;
    border: none;
}

.regForm table.form input.text {
    width: 206px;
    height: 18px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #fff #fff #fff;
    line-height: 18px;
    padding: 2px 3px;
}

.regForm table.form input.wrong, .regForm input.wrong {
    border-color: #ed8980;
    background: #fff url(../images/form-wrong.gif) repeat-x 0 19px;
    color: #999;
    _position: absolute;
}

.regLoading {
    background: #f7fcff;
    border: 1px solid #6dc6f2;
    padding: 15px 20px;
    height: 18px;
    overflow: hidden;
    line-height: 18px;
}

.regLoading img {
    float: left;
    margin-right: 5px;
}

.inputFocus {
    border-style: solid;
    border-width: 1px;
    border-color: #666 #e0e0e0 #e0e0e0 #666;
}

.regForm table td label {
    padding-left: 20px;
}

.regForm table .gender label, .regForm table .identity label {
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 6px;
    padding-top: 0;
}

.regForm .switchArrow {
    background: url(../images/array.gif) no-repeat 0 -4px;
    border: none;
}

.regForm .textBox {
    width: 214px;
    height: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc #e0e0e0 #e0e0e0 #cccccc;
    line-height: 24px;
    display: inline-block;
    overflow: hidden;
}

.regForm table.form .select {
    width: 120px;
}

.regForm table.form .select1 {
    width: 105px;
    margin-right: 5px;
}

.regForm table.form .select2 {
    width: 145px;
    margin: 0;
}

.regForm table.form .select3 {
    width: 116px;
    margin: 0;
}

.regForm table.form .select4 {
    width: 80px;
}

.regForm table.form .select5 {
    width: 80px;
}

.regForm .inputFocus {
    border-style: solid none none solid;
    border-width: 1px;
    border-color: #666;
    -display: block;
    _margin-top: -1px;
    _height: 18px;
}

.regForm .statement {
    padding: 5px 0 0 94px;
    *padding-left: 98px;
}

.regForm .statement {
    color: #999;
}

.regForm .statement a {
    color: #666;
}

.regForm .btnBox {
    padding: 18px 0 0 92px;
    *padding-left: 102px;
}

#stateBox h2 {
    background: url(../images/stateBox-h2.gif) no-repeat;
    height: 20px;
    padding: 15px 0 7px 0;
}

#stateBox h2 span {
    font-family: verdana, sans-serif;
    line-height: 20px;
}

#stateBox h2 span em {
    font-family: arial;
    padding: 0 3px;
}

#stateBox .textarea {
    border: 1px solid #bbb;
    height: 66px;
    width: 617px;
    background: #fff url(../images/talkbox-textarea-bg.gif) repeat-x 0 0;
    padding: 5px;
    font-size: 14px;
    overflow-x: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#stateBox .contralBox {
    padding: 5px 0;
    overflow: hidden;
    height: 33px;
    text-align: right;
}

#stateBox .attachBar {
    padding: 3px 25px 0 0;
    float: left;
}

#stateBox .attachBar span {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    width: 57px;
    height: 26px;
    overflow: hidden;
    text-align: left;
}

#stateBox .attachBar span a {
    width: 30px;
    height: 25px;
    display: inline-block;
    color: #5b8ab1;
    padding-left: 27px;
    line-height: 25px;
}

#stateBox .attachBar span a:hover {
    text-decoration: none;
    color: #5b8ab1;
}

#stateBox .face-switch {
    margin-right: 5px;
}

#stateBox .face-switch a {
    background: url(../images/talkbox-image-v1.gif) no-repeat 0 -50px;
}

#stateBox .face-switch a:hover, #stateBox .face-switch a.current {
    background: url(../images/talkbox-image-v1.gif) no-repeat 0 -75px;
}

#stateBox .img-switch {
    position: relative;
}

#stateBox .img-switch a {
    display: inline-block;
    background: url(../images/talkbox-image-v1.gif) no-repeat 0 0;
}

#stateBox .img-switch a:hover, #stateBox .img-switch a.current {
    background: url(../images/talkbox-image-v1.gif) no-repeat 0 -25px;
}

#stateBox .submit {
    width: 89px;
    height: 33px;
    background-image: url(../images/state-submit.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
}

#stateBox .submit:hover {
    background-position: 0 -33px;
}

#stateBox .submit:active {
    background-position: 0 -66px;
}

#stateBox .submit.sending {
    background-position: 0 -99px;
}

#stateBox .submit.disable {
    background-position: 0 -132px;
    cursor: default;
}

#stateBox .currentStatus {
    width: 360px;
}

#attachView .prompt-main {
    padding: 10px;
    min-height: 90px;
    _height: 90px;
}

#attachView.white-top .pointer {
    left: 23px;
    background: url(../images/pointer.gif) no-repeat 0 0;
    width: 11px;
    height: 7px;
    top: -7px;
}

#attachView .remove {
    display: block;
    position: absolute;
    right: 22px;
    top: 7px;
}

#attachView {
    position: absolute;
    z-index: 10;
}

#attachView .uploading {
    padding: 36px;
    vertical-align: middle;
}

#attachView .uploading img {
    margin-right: 10px;
}

#attachView .attachName {
    padding: 2px 0 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
}

#attachView .photoBox {
    margin: 5px 0 0 0;
    text-align: center;
}

.uploadBox {
    padding: 10px 40px 6px;
    line-height: 18px;
    height: 75px;
}

.uploadBox .buttonBox {
    padding-bottom: 8px;
    text-align: center;
}

.uploadBox .buttonBox a {
    cursor: pointer;
}

.textareaBox {
    position: relative;
}

.succeedBox {
    background: url(../images/succeed.gif) no-repeat 9px 0;
    padding-left: 45px;
    color: #707070;
    font-size: 20px;
    font-family: "MicroSoft YaHei", "SimHei";
    font-weight: normal;
    position: absolute;
    left: 215px;
    top: 25px;
    height: 30px;
    line-height: 30px;
}

#feed .comment {
    padding-top: 10px;
}

#feed .comment li {
    padding: 0 15px 0 70px;
    margin-bottom: 12px;
    word-break: break-all;
    word-wrap: break-word;
    _height: 56px;
    min-height: 56px;
}

#feed .comment li.minHeight {
    _height: 20px;
    min-height: 20px;
}

#feed .feedLayout {
    position: relative;
    padding-bottom: 11px;
    background: url(../images/dot-line.gif) repeat-x 0 bottom;
}

#feed .comment li .shield {
    right: -15px;
    position: absolute;
    display: none;
}

#feed .comment li .topic a.remove {
    margin-right: -130px;
    margin-top: 2px;
    display: inline;
}

#feed .comment li .contralBar {
    padding: 12px 0 5px 0;
    line-height: 14px;
    color: #999;
}

#feed .comment li .timeBar {
    line-height: 14px;
    color: #999;
    padding-top: 5px;
}

#feed .comment li .topic .link {
    font-size: 12px;
}

#feed .comment li .topic .number {
    margin-right: -110px;
    display: block;
}

#feed .comment li .topic p a {
    white-space: nowrap;
}

#feed .comment li .topic p {
    line-height: 21px;
}

#feed .comment li.last {
    border: none;
    padding-bottom: 10px;
}

#feed .comment li .pic {
    display: inline;
    height: 56px;
    width: 56px;
    overflow: hidden;
    margin-top: 2px;
}

#feed .comment li .pic.absolute {
    position: absolute;
    left: -70px;
    float: left;
}

#feed .comment li .pic img {
    width: 50px;
    height: 50px;
    display: block;
}

#feed .comment li .line {
    background: url(../images/vertical-line.gif) repeat-y 275px 0;
    padding-left: 300px;
}

#feed .comment li .left-area {
    width: 200px;
    padding-left: 65px;
    margin-left: -300px;
    display: inline;
}

#feed .comment li .left-area .pic {
    float: left;
    margin-left: -65px;
    display: inline;
}

#feed .comment li .left-area .icon16 {
    padding-left: 20px;
    width: auto;
}

#feed .comment li .left-area .photo-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 4px;
    width: 120px;
    margin: 5px auto;
}

#feed .comment li .left-area .topic-title {
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    padding: 5px 8px;
    margin: 5px auto;
}

#feed .comment li dt {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 3px;
}

#feed .comment li dt a {
    margin-right: 5px;
}

#feed .comment li dd {
    padding-top: 2px;
    color: #999;
}

#feed .comment li .replyNormal .btn-box {
    display: none;
}

#feed .comment li .replyNormal .textarea {
    width: 525px;
}

#feed .comment li .replyNormal .pic {
    display: inline;
    float: left;
    height: 36px;
    margin-left: 0;
    width: 36px;
    margin-top: 0;
    display: none;
}

#feed .comment li .replyNormal .pic img {
    width: 30px;
    height: 30px;
}

#feed .comment li .replyNormal .publisherInfo {
    display: none;
}

#feed .comment li .reply-list .replyNormal li {
    padding: 3px 0;
    border: none;
    margin-bottom: 0;
    _height: 20px;
    min-height: 20px;
}

#feed .comment li .replyFocus li {
    padding: 0;
    border: none;
    margin-bottom: 0;
    padding-left: 40px;
}

#feed .comment li .replyFocus .textarea {
    width: 480px;
    height: 45px;
    _width: 477px;
    overflow-x: hidden;
}

#feed .comment li .replyFocus .pic {
    display: inline;
    float: left;
    height: 36px;
    margin-left: -42px;
    width: 36px;
    margin-top: 0;
}

#feed .comment li .replyFocus .pic img {
    width: 30px;
    height: 30px;
}

#feed .comment li .replyFocus .btn-box {
    display: block;
    line-height: 26px;
}

#feed .comment li .replyFocus .btn-box .send {
    margin-left: 15px;
}

#feed .comment li .reply-list .replyFocus li {
    border-bottom: none;
    padding: 7px 0 10px 45px;
    margin: 0;
}

#feed .comment li .replyFocus .publisherInfo {
    padding-bottom: 8px;
    line-height: 12px;
    text-align: right;
}

#feed .comment li .feedIcon {
    margin-left: -30px;
    margin-top: 4px;
    position: absolute;
}

#feed .comment li .feedoxIcon {
    margin-left: -30px;
    margin-top: 4px;
    position: absolute;
    background: url(../images/ox-ico.gif) no-repeat;
}

#feed .comment li.viewMore {
    border-bottom: 1px dashed #d9d9d9;
    _height: 12px;
    min-height: 12px;
    padding: 9px 0 9px 10px;
}

#feed .comment li.viewMore .arrow {
    background: url(../images/index-feed-arrow.gif) no-repeat right 6px;
    padding-right: 15px;
}

#feed .alpha {
    opacity: .5;
    filter: alpha(opacity = 50);
}

#feed .reply-more {
    border-bottom: 1px dotted #e0e0e0;
    padding: 10px;
    font-style: italic;
}

#feed .reply-link {
    padding-left: 10px;
}

#feed .reply-list {
    background: #f7f9fa;
    border: 1px solid #ebebeb;
}

#feed .comment li .reply-list .contralBar {
    padding-bottom: 0;
}

#feed .reply-list .arrow-top {
    background: url(../images/comment-arrow.gif) no-repeat 20px 0;
    height: 7px;
    overflow: hidden;
    position: absolute;
    margin-top: -7px;
    width: 100px;
}

#reply .reply-list ul li {
    padding: 7px 140px 10px 52px;
    border-bottom: 1px #e6e6e6 dashed;
    margin: 0;
}

#feed .reply-list ul li {
    padding: 7px 15px 9px 52px;
    border-bottom: 1px #e6e6e6 dashed;
    margin: 0;
    word-break: break-all;
    word-wrap: break-word;
    _height: 36px;
    min-height: 36px;
}

#feed .reply-list ul li .pic {
    float: left;
    margin-left: -42px;
    display: inline;
    width: 36px;
    height: 36px;
    margin-top: 2px;
}

#feed .reply-list ul li p {
    line-height: 19px;
}

#feed .pic a {
    padding: 2px;
    border: 1px solid #E5E5E5;
    background: #fff;
    display: block;
}

#feed .pic a:hover {
    border: 1px solid #e47600;
    background: #e47600;
}

#feed .reply-list ul li .pic img {
    width: 30px;
    height: 30px;
}

#feed .reply-list ul li .number {
    margin-right: -110px;
    _margin-right: -8px;
    display: block;
}

#feed .reply-box {
    background: #f7f9fa;
    border-top: 1px solid #ebebeb;
    margin-top: -1px;
    padding: 0 5px;
    zoom: 1;
}

#feed .reply-box .textarea {
    height: 14px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 2px;
    line-height: 14px;
}

#feed .reply-box .focus {
    height: 45px;
}

#feed .reply-box .btn-box {
    padding-top: 5px;
}

#feed .reply-box li {
    border-bottom: none;
}

#feed .feedMore {
    height: 32px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #f7f9fa;
}

#feed .feedMore a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

#feed .transpond {
    background: #f7f9fa;
    border: 1px solid #ebebeb;
    margin-top: 7px;
    padding: 10px 15px;
}

#feed .transpond .arrow-top {
    background: url(../images/comment-arrow.gif) no-repeat 20px 0;
    height: 7px;
    overflow: hidden;
    position: absolute;
    margin-top: -17px;
    width: 100px;
    margin-left: -15px;
}

#feed .transpond p {
    line-height: 19px;
}

#feed .comment li .photoBox {
    background: #fff;
    padding: 2px;
    border: 1px solid #E5E5E5;
    display: inline-block;
    margin: 10px 20px 0 0;
    position: relative;
}

#feed .comment li .photoBox img {
    display: block;
}

#feed .comment li .photoBox .loadingBox {
    background: #fff;
    opacity: .3;
    *filter: alpha(opacity = 30);
    z-index: 1;
    text-align: center;
    position: absolute;
    display: none;
}

#feed .comment li .photoBox .loading {
    background: url(../images/loading_16.gif) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#feed .originalBar {
    display: inline-block;
}

#feed .originalBar a {
    padding: 0 8px;
}

#feed .face-switch {
    vertical-align: middle;
    padding: 1px 0 0 0;
    margin-top: 3px;
}

#feed .face-switch a {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/editor-smiley.gif) no-repeat 0 0;
}

#feed .transpond .photoArea {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin-top: 5px;
    background: none;
    padding: 10px 0 5px 0;
}

#feed .photoArea {
    background: #F7F7F7;
    border: 1px solid #EBEBEB;
    padding: 10px;
    text-align: center;
    zoom: 1;
}

#feed .minifier, #feedMore .minifier {
    cursor: url(../images/small.cur), default;
}

#feed .zoom, #feedMore .zoom {
    cursor: url(../images/big.cur), default;
}

#feedMore #feed {
    width: 628px;
}

#feed .photoArea .toolBar {
    padding: 7px 0 0 0;
    text-align: right;
}

#feed .photoArea .toolBar .hide {
    padding-left: 15px;
    background: url(../images/array.gif) no-repeat 0 -1517px;
    line-height: 14px;
    margin-right: 8px;
}

#feed .photoArea .toolBar .view {
    padding-left: 15px;
    background: url(../images/array.gif) no-repeat 0 -1589px;
    line-height: 14px;
    margin-left: 8px;
}

#feed .photoArea .toolBar a:hover {
    text-decoration: none;
}

.transpondMain {
    margin: -14px -14px 0 -14px;
    background: #f8f8f8;
    padding: 14px;
    word-break: break-all;
    word-wrap: break-word;
}

.transTextarea {
    padding-top: 5px;
}

.transTextarea .pic {
    height: 36px;
    width: 36px;
}

.transTextarea .pic a {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #E5E5E5;
    display: block;
    padding: 2px;
}

.transTextarea .pic a {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #E5E5E5;
    display: block;
    padding: 2px;
}

.transTextarea .pic img {
    width: 30px;
    height: 30px;
}

.transTextarea .textarea {
    border-color: #CCC #E5E5E5 #E5E5E5 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    height: 40px;
    padding: 5px;
    width: 395px;
    word-break: break-all;
    word-wrap: break-word;
    overflow-x: hidden;
}

.transTextarea .bottomArea {
    padding: 5px 0 0 45px;
}

.transTextarea .face-switch {
    vertical-align: middle;
    padding: 6px 10px 0 0;
}

.transTextarea .face-switch a {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/editor-smiley.gif) no-repeat 0 0;
}

.transTextarea .topArea {
    padding: 5px 0 5px 45px;
    text-align: right;
}

#feedMore .top {
    background: url(../images/roof_960.gif) repeat scroll 0 0 transparent;
    height: 10px;
    overflow: hidden;
}

#feedMore .bottom {
    background: url(../images/floor_960.gif) no-repeat 0 -30px;
    height: 10px;
    overflow: hidden;
}

#feedMore .middle {
    background: #FFF;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px;
    padding: 10px 50px;
    width: auto;
}

.feedPage {
    text-align: center;
    padding: 20px 0;
}

.feedPage a {
    margin: 0 5px;
    color: #999;
    display: inline-block;
}

.feedPage a.current {
    color: #3d990f;
    font-weight: bold;
}

.feedPage em {
    width: 8px;
    display: inline-block;
    background-image: url(../images/feed-page.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 12px;
    cursor: pointer;
}

.feedPage em a {
    width: 8px;
    height: 12px;
    display: inline-block;
    margin: 0;
}

.feedPage .firstPage {
    background-position: 0 3px;
    *background-position: 0 2px;
    margin-right: 8px;
}

.feedPage .pre {
    background-position: 0 -7px;
    *background-position: 0 -8px;
    margin-right: 5px;
}

.feedPage .next {
    background-position: 0 -17px;
    *background-position: 0 -18px;
    margin-left: 5px;
}

.feedPage .lastPage {
    background-position: 0 -27px;
    *background-position: 0 -28px;
    margin-left: 8px;
}

.feedPage em.disable {
    background-image: url(../images/feed-page-disable.gif);
    cursor: default;
}

.feedPage em.disable a {
    cursor: default;
}

#feedMore h2 {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 3px;
}

#feedMore .noPage, #feed .noPage {
    padding: 115px 0 115px 268px;
    background: url(../images/alert48.gif) no-repeat 210px 110px;
}

#feedMore .noPage p, #feed .noPage p {
    padding-bottom: 5px;
}

#feed .noPage .oneline {
    line-height: 32px;
    font-size: 14px;
}

#feed .comment li.feedTips {
    min-height: 30px;
    padding: 0;
    _height: 30px;
    margin-bottom: 29px;
}

.feedTips div {
    background: #fdfcee;
    border: 1px solid #f0ec98;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
}

#feed .feedTips div a {
    color: #e65c17;
    padding-right: 8px;
}

#feed .comment li.lastAd {
    border-bottom: 1px solid #dfdfdf;
}

#feed .comment li.lastAd .feedLayout {
    background: none;
}

#shield.white-top .pointer {
    right: 23px;
    background: url(../images/pointer.gif) no-repeat 0 0;
    width: 11px;
    height: 7px;
    top: -7px;
}

#shield.white-top .prompt-main, #shield.white-top .controlBox {
    padding: 10px;
    text-align: center;
}

#shield p.g6 {
    padding: 6px 0 3px 0;
}

#shield p.g9 {
    line-height: 20px;
}

#shield .controlBox {
    padding-top: 9px;
}

#shield .controlBox a.fresh {
    background: url(../images/dj-tips-base-btn.gif);
    width: 50px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0;
    color: #333;
}

#shield .controlBox a.normal {
    background: url(../images/dj-tips-base-btn.gif) 0 -20px;
    width: 50px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0;
    color: #333;
}

#shield .controlBox a.fresh span, #shield .controlBox a.normal span {
    background: none;
    color: #333;
    height: 20px;
    line-height: 20px;
    padding: 0;
}

.feedBtn {
    width: 64px;
    height: 26px;
    background-image: url(../images/feed-btn.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
    color: #333;
    overflow: hidden;
}

.feedBtn.active {
    background-repeat: no-repeat;
    background-position: 0 -26px;
}

.feedBtn:hover {
    background-position: right 0;
}

.feedBtn.active:hover {
    background-position: right -26px;
}

#feed a {
    color: #1357a2;
}

#feed a.green {
    color: #86b5d7;
}

#navigation {
    background: url(../images/clubfix-nav-bg2.gif) repeat-x 0 bottom;
}

.dj-club .dj-content-shadow, .dj-account .dj-content-shadow {
    border: 1px solid #ccc;
    width: 960px;
    margin: auto;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.dj-content-wrap {
    padding-top: 16px;
}

.dj-networks, .dj-job, .dj-club, .dj-account, .dj-ask, .dj-notice, .dj-ox-before-index {
    background: url(../images/sub-nav-bg.gif) repeat-x 0 0;
}

.dj-content-inner {
    background-position: center 0;
    background-repeat: no-repeat;
    _height: 520px;
    min-height: 520px;
}

.dj-sub-title {
    height: 82px;
    width: 960px;
    margin: auto;
}

.dj-sub-title h2 {
    padding: 29px 0 0 0;
    height: 40px;
    line-height: 40px;
    font: 28px/31px "MicroSoft YaHei", "SimHei";
    color: #fff;
}

.dj-index, .dj-profile, .dj-profile-mini, .dj-account {
    padding-top: 0;
}

.dj-notice {
    padding: 0;
}

.dj-notice .dj-content-inner {
    background: url(../images/notice-banner.png) no-repeat center 0;
}

.dj-notice .statistics {
    margin: auto;
    padding-top: 80px;
}

.dj-notice #maincolumn {
    background: #fff;
    _height: 380px;
    min-height: 380px;
    border: 1px solid #ccc;
}

.dj-notice #maincolumn.invitation-bg {
    background: #fff url(../images/notice-home-bg.jpg) no-repeat right bottom;
}

.dj-notice #maincolumn.public-border {
    border: 1px solid #ddd;
}

.notice-unhandled #maincolumn {
    background: none;
}

.dj-notice #jobInvite {
    padding: 20px 50px;
}

.dj-notice .title .green {
    color: #86b5d7;
}

.dj-account #navigation .tabs {
    left: 170px;
}

.dj-account .dj-content-inner {
    background-image: url(../images/account-banner.png);
}

.dj-account .base-btn, .dj-account .base-btn b, .dj-account .binding-btn, .dj-account .binding-btn b, .dj-account .binding-btn-no, .dj-account .binding-btn-no b {
    background-image: url(../images/bg_reg_btn2.png);
    color: #333;
}

#setting .dj-account {
    display: none;
}

.dj-club {
    padding: 0;
}

.dj-club .dj-content-inner {
    background-image: url(../images/club-banner.png);
}

.dj-club #content .client {
    padding-top: 0;
    overflow: hidden;
}

.dj-club #content #container-club-300.client .room {
    background: url(../images/club-bg-300-fix.gif) repeat-y scroll center top transparent;
}

.dj-club #navigation h1 {
    background: none;
}

.dj-club #navigation .tabs {
    left: 125px;
}

.dj-job {
    padding: 0;
}

.dj-job .dj-content-inner {
    background-image: url(../images/job-banner.png);
}

.dj-job a.green, .dj-job a.high:visited {
    text-decoration: none;
    color: #86b5d7;
}

.dj-job a.green:hover {
    color: #86b5d7;
    text-decoration: underline;
}

.nav2-box {
    margin-bottom: 18px;
}

.nav2-box .new-job {
    background: url(../images/nav2-sublist.png) no-repeat right 0;
}

.nav2-box-side-btn {
    float: right;
    background: url(../images/nav2-sublist.png) no-repeat scroll right 0 transparent;
    width: 87px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-top: 12px;
}

.nav2-box-side-btn a, .nav2-box-side-btn a:hover {
    color: #FFF;
    text-decoration: none;
    display: block;
    height: 25px;
    line-height: 25px;
}

.job-type-select p {
    line-height: 22px;
    line-height: 26 px\9;
    line-height: 26 px\0;
    _line-height: 26px;
    height: 22px;
    padding: 0 20px 0 0;
    text-align: right;
    color: #fff;
    background: url(../images/job-type-select-ico2.gif) no-repeat 85px 11px;
    overflow: hidden;
}

.job-type-select {
    width: 102px;
    position: relative;
}

.job-type-select div {
    width: 102px;
    border: solid #8598a1;
    border-width: 1px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background: #FFF;
}

.job-type-select.over div {
    display: block;
    -moz-box-shadow: 3px 3px rgba(215, 219, 220, .5);
    -webkit-box-shadow: 3px 3px rgba(215, 219, 220, .5);
    box-shadow: 3px 3px rgba(215, 219, 220, .5);
}

.dj-job .nav2-box {
    z-index: 99;
}

.job-type-select.over dl {
    background: #fff;
    padding-bottom: 5px;
}

.job-type-select dt, .job-type-select dd {
    line-height: 22px;
    line-height: 26 px\9;
    line-height: 26 px\0;
    _line-height: 26px;
    text-align: right;
    padding-right: 10px;
    height: 22px;
    overflow: hidden;
    margin-right: 10px;
}

.job-type-select dd .green {
    color: #86b5d7;
}

.job-type-select dd .green:hover {
    color: #86b5d7;
}

.job-type-select dt {
    background: url(../images/job-type-select-ico.gif) right 12px no-repeat;
}

.dj-job .dj-content-shadow {
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .0);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .0);
    box-shadow: 0 0 0 rgba(0, 0, 0, .0);
    border: none;
}

.dj-networks {
    padding: 0;
}

.dj-networks .dj-content-inner {
    background-image: url(../images/network-banner.png);
}

.dj-networks a.green, .dj-networks a.high:visited {
    text-decoration: none;
    color: #86b5d7;
}

.dj-networks a.green:hover {
    color: #86b5d7;
    text-decoration: underline;
}

.dj-networks .nav2-box {
    margin-bottom: 5px;
}

.dj-reg {
    padding: 0;
    background-color: #E9F1F5;
}

.dj-reg .dj-sub-title {
    display: none;
}

.dj-reg .dj-content-inner {
    _min-height: 480px;
    min-height: 480px;
}

.dj-ask {
    padding-top: 0;
}

.dj-ask .dj-content-inner {
    background-image: url(../images/ask-banner.png);
}

.dj-ask .dj-sub-title h2 {
    color: #fff;
}

.public-border {
    border: 1px solid #ddd;
}

#dj-content-wrap.public-no-title {
    padding-top: 0;
}

#dj-content-wrap.public-no-title .dj-sub-title {
    display: none;
}

#resume-save {
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.dj-more .dj-sub-title {
    display: none;
}

.dj-icard .dj-sub-title {
    display: none;
}

.dj-auth {
    padding: 0;
}

.dj-auth .dj-sub-title {
    display: none;
}

.dj-ox-before-index {
    padding: 0;
    background-image: url(../images/sub-nav-bg-ox.gif);
}

.dj-ox-before-index .dj-content-inner {
    background-image: url(../images/ox-banner.png);
}

.dj-ox-before-index .dj-sub-title {
    height: 120px;
}

.dj-ox-before-index .dj-sub-title h2 {
    padding: 40px 0 0 0;
}

.dj-tips-card .inn-con {
    padding: 0;
    border-color: #8b8b8b;
}

.dj-tips-card .shadow {
    padding: 0;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

.dj-tips-card .arrow {
    background-image: url(../images/tips-arrow.png);
}

.dj-tips-card.arrow-t .arrow {
    top: -13px;
}

.dj-tips-card.arrow-b .arrow {
    bottom: -13px;
}

.dj-tips-card.arrow-l .arrow {
    left: -13px;
}

.dj-tips-card.arrow-r .arrow {
    right: -13px;
}

.dj-card-tip .bd {
    padding: 13px 15px;
    zoom: 1;
}

.dj-card-tip .bd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.dj-card-tip .bd .img {
    border: 1px solid #e5e5e5;
    padding: 2px;
    float: left;
    width: 50px;
    height: 50px;
}

.dj-card-tip .bd .img img {
    width: 50px;
    height: 50px;
    display: block;
}

.dj-card-tip .bd .con {
    margin-left: 67px;
    _margin-left: 64px;
    zoom: 1;
}

.dj-card-tip .bd .con .company {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 13px;
}

.dj-card-tip .bd .con .name {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 4px;
}

.dj-card-tip .bd .con .job {
    line-height: 20px;
    color: #666;
}

.dj-card-tip .ft {
    height: 34px;
    padding: 0 15px;
    background: #f6f6f6;
    border-top: 1px solid #e5e5e5;
}

.dj-card-tip .ft .l {
    line-height: 34px;
}

.dj-card-tip .ft .l span {
    color: #696562;
}

.dj-card-tip .ft .l em {
    color: #999;
}

.dj-card-tip .ft .l em a, .dj-card-tip .ft .l em a:hover {
    color: #999;
}

.dj-card-tip .ft .l em a:hover {
    text-decoration: underline;
}

.dj-card-tip .ft .l em i {
    color: #1357A2;
    font-style: normal;
}

.dj-card-tip .ft .r {
    float: right;
    margin-top: 7px;
    width: 84px;
    height: 20px;
    text-indent: -999em;
    background: url(../images/btn.png);
    cursor: pointer;
}

.dj-card-tip .ft .mail {
    background-position: 0 0;
}

.dj-card-tip .ft .group {
    background: url(../images/iscontact.gif) 0 11px no-repeat;
    _height: 16px;
}

.dj-card-tip .ft .group span {
    display: inline-block;
    width: 20px;
    height: 16px;
}

.dj-card-tip .ft .cardTips-tocard {
    background-position: 0 -20px;
}

.dj-card-tip .ft .cardTips-tocarded {
    background-position: 0 -40px;
    cursor: default;
}

.dj-card-tip-load {
    padding: 17px 0;
    text-align: center;
}

.dj-card-tip-load span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: url(../images/load.gif) 0 center no-repeat;
    padding-left: 35px;
}

.dj-lay-cardGroup {
    position: absolute;
    zoom: 1;
    z-index: 10000;
}

.dj-lay-cardGroup .shadow {
    padding: 0;
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

.dj-lay-cardGroup dt {
    font-size: 14px;
    padding-bottom: 5px;
}

.dj-lay-cardGroup dd {
    padding: 5px 0 3px 0;
}

.dj-lay-cardGroup .pointer {
    font-size: 0;
    display: block;
    position: absolute;
    background-image: url(../images/tips-arrow.png);
    background-repeat: no-repeat;
}

.dj-lay-cardGroup.onecol {
    width: 230px !important;
}

.dj-lay-cardGroup.twocol {
    width: 403px !important;
}

.dj-lay-cardGroup.thrcol {
    width: 603px !important;
}

.dj-lay-cardGroup.twocol .con ul, .dj-lay-cardGroup.thrcol .con ul {
    width: 179px;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #CCC;
}

.dj-lay-cardGroup.twocol ul.last, .dj-lay-cardGroup.thrcol ul.last {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

.dj-lay-cardGroup .pointer {
    left: 32px;
}

.dj-lay-cardGroup.top .pointer {
    background-position: 0 -23px;
    top: -10px;
    height: 14px;
    width: 19px;
}

.dj-lay-cardGroup.bottom .pointer {
    background-position: 0 0;
    bottom: -13px;
    height: 13px;
    width: 19px;
}

.dj-lay-cardGroup .inner {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #8B8B8B;
    margin-left: 0;
    padding: 0;
    position: relative;
    z-index: 99;
    zoom: 1;
}

.dj-lay-cardGroup .con {
    padding: 10px 0 15px 0;
}

.dj-lay-cardGroup .con p {
    padding: 0 0 5px 20px;
    color: #999;
}

.dj-lay-cardGroup .con div {
    padding: 0 10px;
    overflow: hidden;
    zoom: 1;
}

.dj-lay-cardGroup .con li {
    padding: 0 10px;
    margin-bottom: 5px;
}

.dj-lay-cardGroup .con li.over {
    background: #f3f3f3;
    cursor: pointer;
}

.dj-lay-cardGroup .con label.checkbox {
    display: inline-block;
    padding: 0 0 0 8px;
    margin-top: 1px;
    *margin-top: 3px;
    margin-top: 3 px\0;
    font1: 12px/1.5 "tahoma,arial,鐎瑰缍�";
    width: 120px;
    height: 19px;
    overflow: hidden;
    word-wrap: break-word;
    zoom: 1;
}

.dj-lay-cardGroup .con label.dj-lay-cardGroup-new-group-box {
    width: auto;
    *width: 120px;
    height: auto;
    overflow: visible;
}

.dj-lay-cardGroup .con input.checkbox {
    display: inline-block;
}

.dj-lay-cardGroup .con input.text {
    width: 155px;
    *width: 145px;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    border: 1px solid;
    border-color: #ccc #eaeaea #eaeaea #cccccc;
}

.dj-lay-cardGroup.twocol .con input.text, .dj-lay-cardGroup.thrcol .con input.text {
    width: 126px;
    *width: 116px;
}

.dj-lay-cardGroup a {
    display: inline-block;
    margin-left: 10px;
}

.dj-lay-cardGroup textarea {
    margin-top: 5px;
    margin-left: 10px;
    padding: 5px;
    height: 40px;
    line-height: 20px;
    border: 1px solid;
    width: 176px;
    border-color: #ccc #eaeaea #eaeaea #cccccc;
}

.dj-lay-cardGroup.twocol textarea {
    width: 349px;
    height: 20px;
    line-height: 20px;
}

.dj-lay-cardGroup.thrcol textarea {
    width: 549px;
    height: 20px;
    line-height: 20px;
}

.dj-lay-cardGroup .btn {
    height: 20px;
    padding: 6px 10px 6px 0;
    background: #f6f6f6;
    border-top: 1px solid #E5E5E5;
    text-align: right;
}

.dj-lay-cardGroup button.fresh {
    background: url(../images/mini-btn.gif);
    width: 50px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    color: #333;
    line-height: 20px;
}

.dj-lay-cardGroup button.fresh.long {
    background: url(../images/mini-btn.gif) 0 -40px;
    width: 80px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    color: #333;
    line-height: 20px;
}

.dj-lay-cardGroup button.normal {
    background: url(../images/mini-btn.gif) 0 -20px;
    width: 50px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    color: #333;
    line-height: 20px;
}

.dj-lay-cardGroup button.normal.long {
    background: url(../images/mini-btn.gif) 0 -60px;
    width: 80px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    color: #333;
    line-height: 20px;
}

.perfect-mask {
    background-color: #FFF;
    position: absolute;
    z-index: 99990;
    top: 0;
    left: 0;
    opacity: .7;
    filter: alpha(opacity = 70);
    display: none;
}

.perfect {
    background: url(../images/perfect-bg.jpg) no-repeat scroll 0 0 #8DABBD;
    width: 602px;
    padding-top: 158px;
    padding-bottom: 60px;
    z-index: 99999;
    position: absolute;
}

.perfect-student {
    background: url(../images/perfect-student-bg.jpg) no-repeat scroll 0 0 #8DABBD;
    width: 602px;
    padding-top: 158px;
    padding-bottom: 60px;
    z-index: 99999;
    position: absolute;
}

.perfect-absence {
    background: url(../images/perfect-absence-bg.jpg) no-repeat scroll 0 0 #8DABBD;
    width: 602px;
    padding-top: 158px;
    padding-bottom: 60px;
    z-index: 99999;
    position: absolute;
}

.perfect-profile .imgwrap {
    float: left;
}

.perfect-profile .imgwrap img {
    border: 1px solid #D5D5D5;
    height: 80px;
    padding: 4px;
    width: 80px;
}

.perfect-profile .wrap {
    margin-left: 134px;
    height: 93px;
}

.perfect-profile .line1 {
    font-size: 16px;
    height: 22px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
}

.perfect-profile h3.line2 {
    font-size: 24px;
    line-height: 45px;
}

.perfect-profile .line3 {
    font-size: 14px;
    height: 22px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
}

.perfect-profile .text-wrap {
    margin-left: 100px;
    width: 235px;
}

.perfect-profile .yahei {
    font-family: "MicroSoft YaHei", "SimHei";
}

.perfect-profile .clear {
    clear: both;
}

.perfect-profile .buttonwrap {
    margin-top: 70px;
    margin-left: 192px;
    font-size: 0;
}

.perfect-profile a.big-normal, .perfect-profile a.big-fresh {
    padding-left: 17px;
    font-size: 14px;
}

.perfect-profile a.big-fresh {
    background-position: 0 -180px;
    height: 30px;
}

.perfect-profile a.big-fresh:hover {
    background-position: 0 -600px;
}

.perfect-profile a.big-fresh span {
    background-position: right -210px;
}

.perfect-profile a.big-fresh:hover span {
    background-position: right -600px;
}

.perfect-profile a.big-normal {
    margin-left: 10px;
    background-position: 0 -360px;
    height: 30px;
}

.perfect-profile a.big-normal:hover {
    background-position: 0 -690px;
}

.perfect-profile a.big-normal span {
    background-position: right -390px;
}

.perfect-profile a.big-normal:hover span {
    background-position: right -690px;
}

.perfect-profile a.big-normal span, .perfect-profile a.big-fresh span {
    font-size: 14px;
    padding-right: 17px;
    height: 30px;
}

.perfect-profile .buttonwrap a, .perfect-profile .buttonwrap a span {
    background-image: url(../images/btn_a.png);
}

.perfect-profile a.big-normal i {
    display: inline-block;
    font-style: normal;
    font-weight: 300;
}

.perfect-profile a.big-fresh i {
    display: inline-block;
    font-style: normal;
    font-weight: 300;
}